Skip to content

swlws/media-record

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

15 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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>承载视频。

能力:

  • 共享选择的窗口

About

some tools within media api

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published