음성 앱 만들기

개요

Computer는 빠르고 횡설수설하는 음성을 깔끔하고 출판 가능한 텍스트로 변환해 주는 완전한 음성-텍스트 변환 글쓰기 어시스턴트를 설계하고 출시할 수 있습니다. 마이크 접근 및 실시간 전부터 AI 기반 편집, 톤 조절, 개인 사전까지 모든 것을 처리하므로 사용자는 소리내어 생각하면서도 정돈된 글을 얻을 수 있습니다.

주요 결과물

Computer는 기기 마이크에 연결하고 권한을 처리하며 스트리밍 음성 인식을 위해 웹 음성 API를 사용하는 완전한 웹 앱을 구축했습니다. 샌드박스 처리된 iframe 제한을 우회하기 위해 앱이 전체 브라우저 컨텍스트에서 마이크 접근을 요청할 수 있도록 “새 탭에서 열기” 컨트롤을 추가했습니다.

녹음 중에는 중간 단계를 거치는 단어는 흐린 스타일로, 최종 인식된 텍스트는 더 강한 스타일로 실시간 대본을 렌더링하므로 사용자는 캡처가 작동하고 있음을 항상 확인할 수 있습니다.

녹음이 중지되면 Computer는 원본 대본을 AI 편집 파이프라인에 통과시켜 군더더기 말과 더듬거림을 제거하고 대소문자와 구두점을 수정하며 긴 문장을 읽기 쉬운 단위로 나눕니다.

캐주얼-격식 설정 변경 시 텍스트가 다시 처리되도록 톤 슬라이더를 연결하여 선택한 톤에 맞게 축약어와 단어 선택을 조정합니다. 또한 개인 사전과 세션 기록을 구현했습니다. 특이한 단어에 대한 수정 사항은 토스트 알림과 함께 저장되며, 각 세션은 원본 및 편집된 텍스트와 톤 레벨을 저장하고, 사용자는 정돈된 결과물을 빠르게 복사하거나 원본 보기와 편집된 보기 간에 전환할 수 있습니다.

확대

팁

• 제품 페르소나 구체화하기 – 대상 사용자가 누구이며 이들의 워크플로우가 어떠한지에 대한 한 줄을 추가하세요. 예: “회의록을 두서없이 쏟아낸 후 몇 초 만에 출판 가능한 요약을 얻고자 하는 창업자를 위해 이를 디자인하세요.”
• 편집 제어 지정하기 – 어떤 편집이 필수이고 어떤 편집이 선택사항인지 명시하세요. 예: “군더더기 말과 더듬거림은 항상 제거하되, 도메인 전문 용어와 고유명사는 그대로 유지하세요.”
• 성공 상태 정의하기 – 빌드를 검증하는 방법을 Computer에 알려주세요. 예: “표시되는 마이크 권한 오류 상태와 사용자가 처음으로 녹음 버튼을 클릭할 때 나타나는 짧은 인라인 가이드를 포함하세요.”