번역 기능이 추가된 문자 인식 웹 앱 만들기

비주얼 스튜디오 코드에소 새로운 파일을 만들고, 파일명을 'step_3_4.py'로 작성한 후, 다음 코드를 입력하세요. 그러고 나서 터미널을 열고 'stream run ch_05/step_3_4.py'라고 입력하면 번역 기능으 추가된 문자 인식 웹 앱을 사용할 수 있습니다.

 

from pathlib import Path
import streamlit as st
from step_1 import OUT_DIR # 이전에 작성한 모듈을 불라옵니다.
from step_3_3 import OUT_3_3, read_text_and_fill_area

st.title("✌ 만들면서 배우는 문자 인식 웹 앱")  # 웹 앱 제목

uploaded = st.file_uploader("인식할 이미지를 선택하세요.") # 웹 앱 제목
if uploaded is not None: # 파일이 업로드 되면,
    tmp_path = OUT_DIR / f"{Path(__file__).stem}.tmp" # 임시 파일 경로
    tmp_path.write_bytes(uploaded.getvalue()) # 업로드한 이미지 저장

    col_left, col_right = st.columns(2) # 두 개의 열 생성
    with col_left: # 첫 번째 열
        st.subheader("원본 이미지") # 부제목
        st.image(tmp_path .as_posix()) # 원본 이미지 출력
    with col_right: # 두 번째 열
        st.subheader("문자 인식 결과") # 부제목
        with st.spinner(text="문자를 인식하는 중입니다..."): # 진행 상황 표시
            read_text_and_fill_area(tmp_path) # 문지 인식 및 바운딩 박스 채우기 # 20
        st.image(OUT_3_3.as_posix()) # 결과 이미지 출력 # 21

 

[실행결과]

 

20 read_text_and_fill_area() 함수를 사용하여 문자를 인식하고, 해당 좌표를 색상으로 채웁니다.

21 OUT_3_3 경로의 이미지를 화면에 출력합니다.