html5 录制视频demo,HTML5音视频采集demo

【实例简介】

适合前端进行音视频采集学习，这个demo直接可以用，该插件具有以下强制性依赖关系：

Video.js - 提供用户界面的HTML5媒体播放器。

webrtc-adapter - 为此插件中使用的getUserMedia和其他浏览器API提供跨浏览器支持。

录制音频和/或视频时，您还需要：

RecordRTC.js - 增加对音频/视频/ GIF录制的支持。

并且在录制纯音频时，还需要以下依赖项(可视化音频波形)：

waveurfer.js - 为音频文件提供可导航的波形。附带麦克风插件，用于实时显示麦克风音频信号。

videojs-wavesururur - 将Video.js转换为音频

【实例截图】

【核心代码】

79e86e06-9b4f-4415-b274-96eefa513e4a

└── HTML5-canvas-video-recording-master

├── assets

│   ├── bootstrap

│   │   ├── css

│   │   │   ├── bootstrap.css

│   │   │   ├── bootstrap.min.css

│   │   │   ├── bootstrap-responsive.css

│   │   │   └── bootstrap-responsive.min.css

│   │   ├── img

│   │   │   ├── glyphicons-halflings.png

│   │   │   └── glyphicons-halflings-white.png

│   │   └── js

│   │   ├── bootstrap.js

│   │   └── bootstrap.min.js

│   └── js

│   ├── canvas2image.js

│   ├── jquery.min.js

│   ├── mywhiteboard.js

│   ├── recorder.js

│   ├── recorderWorker.js

│   ├── whammy.js

│   ├── whiteboard.js

│   └── whiteboardui.jquery.js

├── img

│   ├── img-1.jpg

│   ├── img-2.jpg

│   ├── img-3.jpg

│   ├── img-4.JPG

│   └── img-5.jpg

├── index.html

└── README.md

8 directories, 23 files