Skip to content

Latest commit

 

History

History
45 lines (25 loc) · 1.13 KB

README.md

File metadata and controls

45 lines (25 loc) · 1.13 KB

media-record

媒体 API 操作,纯粹的前端工程,不记录用户信息、不发送 HTTP Request。

录制声音

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

能力:

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

录制视频

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

能力:

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

拍照

MDN DOC

客户端使用navigator.mediaDevices.getUserMedia获取的视频的stream,使用<video>承载视频。

照片:使用<canvas></canvas>drawImageAPI,绘制捕获到视频。

照片:使用<img />标签接收<canvas></canvas>的内容。

能力:

  • 拍照

共享屏幕

客户端使用navigator.mediaDevices.getDisplayMedia获取需要共享的窗口,使用<video>承载视频。

能力:

  • 共享选择的窗口