Web

MediaStream을 획득했다면 이제 본격적으로 오디오를 처리할 차례다. Web Audio API의 핵심인 AudioContext를 이해하고, 마이크 입력을 오디오 그래프에 연결하는 방법을 알아보자.

웹 브라우저에서 오디오를 녹음하려면 먼저 사용자의 마이크 접근 권한을 얻어야 한다. `getUserMedia`를 호출하면 그냥 되는거 아니냐 라고 쉽게 말할 수 있다. 하지만 이게 은근히 알아둬야 할 내용이 많이 있다.

TypeScript에서 Function Overloads(함수 오버로드)는 하나의 함수 이름으로 서로 다른 매개변수 시그니처를 여러 개 정의하고, 이를 바탕으로 호출 시점에 적절한 반환 타입을 결정하도록 돕는 기능입니다. 자바나 C# 같은 언어에서는 컴파일러가 함수 이름과 파라미터 타입을 보고 자동으로 올바른 구현을 선택하지만, 자바스크립트(및 기본적인 TypeScript)에서는 런타임에 오직 하나의 구현부만 존재합니다. 함수 오버로드는 이런 환경에서 “같은 이름의 함수가 서로 다른 입력을 받을 때, 어떤 결과를 반환할지”를 컴파일러 레벨에서 명확히 할 수 있도록 해줍니다.

발표자는 Baseline이라는 개념을 소개하며 웹 플랫폼의 변화 속도가 빨라지고 있음을 강조합니다. 과거에는 새로운 기능이 모든 브라우저에 적용되기까지 오랜 시간이 걸렸지만, 이제는 Newly available과 Widely available이라는 기준으로 기능의 안정적인 사용 시점을 파악할 수 있게 되었습니다. Web Platform Dashboard 및 다양한 개발 도구와의 통합을 통해 개발자들이 자신의 사용자 데이터에 기반하여 Baseline 목표 연도를 설정하고, 코드 작성 시 개별 기능의 Baseline 상태를 쉽게 확인하여 최적의 브라우저 지원 전략을 수립할 수 있도록 지원하고 있습니다. 마지막으로 Interop 프로젝트를 통해 브라우저 간 호환성을 높여 웹 개발의 편의성을 개선하고 있습니다.

Google Chrome 개발자 유튜브 채널의 강연에서 Web AI 책임자인 Jason Mayes는 웹 브라우저 내에서 클라이언트 측 AI 에이전트를 구현하는 것의 이점과 가능성을 논합니다. 그는 이러한 에이전트가 사용자를 위해 복잡한 작업을 자율적으로 완료할 수 있으며, 이는 개선된 사용자 경험, 개인 정보 보호 강화, 기업의 비용 절감으로 이어진다고 강조합니다. 강연에서는 이러한 에이전트 시스템이 대규모 언어 모델, 도구 및 메모리로 구성되며, 오케스트레이션 레이어가 이러한 구성 요소를 조정하여 사용자 요청을 처리하는 방법에 대해 자세히 설명합니다. 또한, 데모를 통해 로컬에서 실행되는 AI 에이전트가 실제 웹사이트 기능(예: 항공편 검색)과 상호 작용하는 것을 보여주며, 웹사이트가 AI 에이전트와 호환되어야 하는 미래의 가능성을 제시합니다.