h5中web端调用自带摄像头并且录屏上传保存视频

打印 上一主题 下一主题

主题 1012|帖子 1012|积分 3036

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有账号?立即注册

x
前端调用摄像头并录制屏幕

  navigator.mediaDevices.getUserMedia 此函数调用摄像头获取视频流
mediaRecorder 录制视频的函数
摄像头数据存储到chunks中
录屏竣事回调将chunks中的视频上传到服务器formData.append('video', recordedBlob, 'recordedVideo.webm');
通过表单上传。

前端代码如下:
  1. <!doctype html>
  2. <html class="no-js" lang="">
  3. <head>
  4.   <meta charset="utf-8">
  5.   <meta http-equiv="x-ua-compatible" content="ie=edge">
  6.   <title>Lookie Lookie!</title>
  7.   <meta name="description" content="A website that learns to predict where you are looking at. Written in TensorFlow.js">
  8.   <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  9. </head>
  10. <body>
  11.   <canvas id="heatMap"></canvas>
  12.   <div id="info" data-content=&#
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
回复

使用道具 举报

0 个回复

倒序浏览

快速回复

您需要登录后才可以回帖 登录 or 立即注册

本版积分规则

石小疯

论坛元老
这个人很懒什么都没写!
快速回复 返回顶部 返回列表