当前位置: 首页 > biancheng >正文

媒体流入门实践

H5支持的mediaDevices接口,可以获取音频流、视频流,通过这个接口做一些简单的事情。

功能清单:

  • 录制声音
  • 录制视频
  • 拍照
  • 共享屏幕

在线演示 源码实现

一、录制声音

客户端使用navigator.mediaDevices.getUserMedia获取的音频的stream,再使用MediaRecorder记录声音,最终使用<audio>播放。

能力:

  • 声音录制
  • 音频文件下载

二、录制视频

客户端使用navigator.mediaDevices.getUserMedia获取的音频、视频的stream,再使用MediaRecorder记录声音,最终使用<video>播放。

能力:

  • 声音录制
  • 视频录制
  • 视频文件下载
  • 画中画

三、拍照

MDN DOC

客户

相关文章:

  • switch循环语句
  • 牛客练习赛#84 F 莫比乌斯反演+杜教筛+技巧+斐波那契数列和gcd的结论+矩阵快速幂
  • ZZNUOJ_用C语言编写程序实现1342:支配值数目(附完整源码)
  • java毕业设计后勤管理系统餐饮评价监督系统(附源码、数据库)
  • 前端基础学习笔记
  • 【TS】联合类型--类型断言--类型推断
  • 谈笑风声的秘密
  • QT影城网上售票系统
  • NetCDF数据在ArcMap中的使用
  • 打怪升级(考验思路)