HTML5視頻錄制和上傳

HTML5視頻錄制

1、使用getUserMedia API獲取攝像頭和麥克風(fēng)權(quán)限

2、創(chuàng)建一個(gè)video元素用于顯示視頻流

3、使用canvas元素進(jìn)行實(shí)時(shí)繪制

4、將繪制的內(nèi)容轉(zhuǎn)換為Blob對(duì)象

5、使用FileReader API將Blob對(duì)象轉(zhuǎn)換為文件

HTML5視頻上傳

1、創(chuàng)建一個(gè)input元素用于選擇文件

2、監(jiān)聽input元素的change事件，獲取選中的文件

3、使用FileReader API讀取文件內(nèi)容

4、將文件內(nèi)容發(fā)送到服務(wù)器進(jìn)行保存

以下是一個(gè)簡(jiǎn)單的示例代碼：

    


    
HTML5視頻錄制和上傳
    開始錄制
    停止錄制
    
    
    

當(dāng)前名稱：HTMLHTML5視頻錄制和上傳
鏈接地址：http://m.fisionsoft.com.cn/article/cdhiggi.html