資源簡(jiǎn)介
適合前端進(jìn)行音視頻采集學(xué)習(xí),這個(gè)demo直接可以用,該插件具有以下強(qiáng)制性依賴關(guān)系:
Video.js - 提供用戶界面的HTML5媒體播放器。
webrtc-adapter - 為此插件中使用的getUserMedia和其他瀏覽器API提供跨瀏覽器支持。
錄制音頻和/或視頻時(shí),您還需要:
RecordRTC.js - 增加對(duì)音頻/視頻/ GIF錄制的支持。
并且在錄制純音頻時(shí),還需要以下依賴項(xiàng)(可視化音頻波形):
waveurfer.js - 為音頻文件提供可導(dǎo)航的波形。附帶麥克風(fēng)插件,用于實(shí)時(shí)顯示麥克風(fēng)音頻信號(hào)。
videojs-wavesururur - 將Video.js轉(zhuǎn)換為音頻
代碼片段和文件信息
?屬性????????????大小?????日期????時(shí)間???名稱
-----------?---------??----------?-----??----
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\
?????文件?????????653??2014-12-15?09:50??HTML5-canvas-video-recording-master\README.md
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\css\
?????文件???????22102??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\css\bootstrap-responsive.css
?????文件???????16840??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\css\bootstrap-responsive.min.css
?????文件??????127343??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\css\bootstrap.css
?????文件??????106557??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\css\bootstrap.min.css
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\img\
?????文件????????8777??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\img\glyphicons-halflings-white.png
?????文件???????12799??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\img\glyphicons-halflings.png
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\js\
?????文件???????61884??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\js\bootstrap.js
?????文件???????28631??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\js\bootstrap.min.js
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\
?????文件????????6536??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\canvas2image.js
?????文件???????93068??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\jquery.min.js
?????文件????????3448??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\mywhiteboard.js
?????文件????????2364??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\recorder.js
?????文件????????3176??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\recorderWorker.js
?????文件???????11470??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\whammy.js
?????文件???????18981??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\whiteboard.js
?????文件???????20616??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\whiteboardui.jquery.js
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\img\
?????文件??????130756??2014-12-15?09:50??HTML5-canvas-video-recording-master\img\img-1.jpg
?????文件??????281566??2014-12-15?09:50??HTML5-canvas-video-recording-master\img\img-2.jpg
?????文件??????331749??2014-12-15?09:50??HTML5-canvas-video-recording-master\img\img-3.jpg
?????文件??????456585??2014-12-15?09:50??HTML5-canvas-video-recording-master\img\img-4.JPG
?????文件??????198879??2014-12-15?09:50??HTML5-canvas-video-recording-master\img\img-5.jpg
?????文件????????7683??2014-12-15?09:50??HTML5-canvas-video-recording-master\index.html
............此處省略0個(gè)文件信息
-----------?---------??----------?-----??----
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\
?????文件?????????653??2014-12-15?09:50??HTML5-canvas-video-recording-master\README.md
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\css\
?????文件???????22102??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\css\bootstrap-responsive.css
?????文件???????16840??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\css\bootstrap-responsive.min.css
?????文件??????127343??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\css\bootstrap.css
?????文件??????106557??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\css\bootstrap.min.css
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\img\
?????文件????????8777??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\img\glyphicons-halflings-white.png
?????文件???????12799??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\img\glyphicons-halflings.png
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\js\
?????文件???????61884??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\js\bootstrap.js
?????文件???????28631??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\bootstrap\js\bootstrap.min.js
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\
?????文件????????6536??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\canvas2image.js
?????文件???????93068??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\jquery.min.js
?????文件????????3448??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\mywhiteboard.js
?????文件????????2364??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\recorder.js
?????文件????????3176??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\recorderWorker.js
?????文件???????11470??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\whammy.js
?????文件???????18981??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\whiteboard.js
?????文件???????20616??2014-12-15?09:50??HTML5-canvas-video-recording-master\assets\js\whiteboardui.jquery.js
?????目錄???????????0??2014-12-15?09:50??HTML5-canvas-video-recording-master\img\
?????文件??????130756??2014-12-15?09:50??HTML5-canvas-video-recording-master\img\img-1.jpg
?????文件??????281566??2014-12-15?09:50??HTML5-canvas-video-recording-master\img\img-2.jpg
?????文件??????331749??2014-12-15?09:50??HTML5-canvas-video-recording-master\img\img-3.jpg
?????文件??????456585??2014-12-15?09:50??HTML5-canvas-video-recording-master\img\img-4.JPG
?????文件??????198879??2014-12-15?09:50??HTML5-canvas-video-recording-master\img\img-5.jpg
?????文件????????7683??2014-12-15?09:50??HTML5-canvas-video-recording-master\index.html
............此處省略0個(gè)文件信息
評(píng)論
共有 條評(píng)論