> 웹 프론트엔드 > 프런트엔드 Q&A > 새 버전의 vue에서 녹음 기능은 어디에 있나요?

새 버전의 vue에서 녹음 기능은 어디에 있나요?

PHPz
풀어 주다: 2023-04-12 10:17:16
원래의
705명이 탐색했습니다.

Vue.js 개발자이거나 최신 Vue.js 버전에 관심이 있는 경우 새 버전의 Vue.js에는 녹음 기능이 누락된 것 같습니다. 그렇다면 이 기능은 어디에 배치되어 있나요?

먼저 Vue.js의 녹음 기능이 무엇인지 이해해야 합니다. Vue.js 2.5 버전에서 공식은 녹음 작업을 처리하기 위한 매우 실용적인 플러그인 vue-recorder를 제공합니다. 이 플러그인은 녹음 처리를 위해 RecorderJS 라이브러리를 통합하고 Vue 지침을 제공합니다. 태그 속성을 통해 녹음, 일시 중지 및 중지 위치를 제어할 수 있습니다. 이것은 Vue.js 프로젝트에 오디오 녹음 기능을 추가하려는 개발자에게 완벽한 훌륭한 플러그인입니다.

그러나 Vue.js 3.0 베타 버전이 출시되었을 때 Vue.js의 새 버전에서는 vue-recorder가 더 이상 적용되지 않는 것으로 예기치 않게 발견되었습니다. Vue.js 3.0에서 vue-recorder를 사용하려고 하면 콘솔에 "정의되지 않은 'beforeDestroy' 속성을 읽을 수 없습니다."라는 오류 메시지가 표시됩니다.

이 오류 메시지는 Vue.js 3.0에서 vue-recorder가 제대로 실행될 수 없음을 나타냅니다. 하지만 그렇다고 새 버전의 Vue.js에서 녹음 기능을 구현할 수 없다는 의미는 아닙니다.

최근 오픈 소스 커뮤니티에 vue3-pcm-record라는 프로젝트가 등장했습니다. 이 프로젝트는 기존 vue-recorder를 대체하여 오디오 녹음 기능을 구현하고 Vue.js 3.0을 지원합니다. vue-recorder와 달리 vue3-pcm-record는 RecorderJS 라이브러리와의 통합을 제공할 뿐만 아니라 pcm-recorder를 기본 API로 사용합니다. 이를 통해 vue3-pcm-record는 더 높은 오디오 품질과 더 작은 파일 크기를 제공할 수 있습니다.

vue3-pcm-record에서는 @startRecord 및 @stopRecord 지시어를 사용하여 녹음의 시작 및 끝 위치를 제어하고 setConfig 함수를 통해 녹음된 오디오 매개변수(예: 녹음 장비, 품질 등)를 구성할 수 있습니다. . 이 플러그인은 사용자가 추가 작업 없이 애플리케이션에서 직접 오디오를 녹음할 수 있는 뛰어난 녹음 UI 인터페이스를 제공합니다.

즉, Vue.js 3.0 또는 최신 버전에서 오디오 녹음 기능을 구현하려는 경우 vue3-pcm-record가 완벽한 선택입니다. vue-recorder는 여전히 훌륭한 플러그인이지만 Vue.js 3.0 이상에서는 더 이상 사용할 수 없습니다. 이전 버전의 Vue.js를 사용하는 경우 vue-recorder는 오디오 녹음 작업을 완료하는 데 여전히 매우 좋은 선택이 될 수 있습니다.

위 내용은 새 버전의 vue에서 녹음 기능은 어디에 있나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿