머리말
이 장에서는 mp4 비디오 또는 webm 비디오를 녹화하고 다운로드하기 위해 웹 페이지 비디오 태그를 구현합니다.
비디오 녹화와 같은 컴퓨팅 집약적인 작업은 상대적으로 무겁기 때문에 백그라운드에서 구현하기에 더 적합합니다. 이 장은 프런트엔드 작업이 너무 무겁지 않은 단기 비디오 녹화에 적합합니다. 백그라운드에서 녹화하고 웹 프런트엔드에 다운로드 주소를 제공하는 것이 좋습니다.
따라서 본 장에서는 단기간 영상 녹화 및 다운로드에만 적용되며, 영상을 너무 오랫동안 녹화할 경우 브라우저 멈춤, 속도 저하 등의 문제가 발생할 수 있습니다.
비디오 스크린샷 기능 " 브라우저 웹페이지 JavaScript는 비디오 스크린샷 및 다운로드, base64 이미지 다운로드, 비디오 태그, hls.js, flv.js 및 webrtc 및 기타 비디오 재생 및 다운로드 방법을 구현합니다"가 이전에 구현되었습니다. 처리됩니다 .스크린샷 기능을 참고하실 수 있습니다.
몇 가지 질문에 대한 답변:
주목해야 할 것은 video/mp4와 video/mp4; codecs="avc1.4D4028, mp4a.40.2의 차이입니다. 여기서 차이점은 avc1 인코딩과 h.264 인코딩의 차이입니다.
비디오/웹 인코딩은 vp8, vp9 및 av1로 구분되지만 모든 브라우저가 이러한 인코딩을 지원하는 것은 아닙니다.
브라우저 호환성
브라우저가 모든 영상 포맷을 지원하는 것은 아닙니다. 지원되는 포맷이 매우 제한되어 있고, 브라우저에 따라 지원되는 포맷이 다르기 때문에 녹화 전 브라우저의 호환성을 확인하신 후, 호환성에 따라 녹화된 영상 포맷을 조정하시는 것이 가장 좋습니다. ...
브라우저 미디어 호환성을 감지하는 방법
//检查媒体兼容性