易企秀網(wǎng)站開發(fā)杭州關(guān)鍵詞推廣優(yōu)化方案
前言
本章介紹使用JavaScript如何在瀏覽器錄制電腦攝像頭畫面為MP4視頻文件并下載視頻文件到本地。
實(shí)現(xiàn)功能
1、使用navigator.mediaDevices.getUserMedia獲取攝像頭畫面
2、將獲取到的攝像頭畫面渲染到canvas畫板上
3、將canvas轉(zhuǎn)換為blob對(duì)象
4、通過(guò)document.createElement(‘a(chǎn)’)調(diào)用href方法獲取此鏈接并觸發(fā)點(diǎn)擊事件進(jìn)行下載mp4文件
代碼實(shí)現(xiàn)
首先需要支持獲取攝像頭權(quán)限的瀏覽器支持。比如Chrome和Firefox已經(jīng)內(nèi)置了攝像頭權(quán)限，而其他瀏覽器可能需要用戶手動(dòng)授予。
1、下面我們首先創(chuàng)建一個(gè)HTML頁(yè)面，包含一個(gè)Canvas元素和一個(gè)按鈕。當(dāng)用戶點(diǎn)擊按鈕時(shí)，將觸發(fā)錄制過(guò)程。
<!DOCTYPE html>
<html>
<body