当前位置: 首页 > 知识库问答 >
问题:

java - 如何实现前端本地摄像头实时录制,后端实时预览监控?

萧伟兆
2023-05-02

类似于直播,有没有简单点的技术方法实现?

我查了下webRTC好像可以实现,但这个相关的文档比较少,所以还得好好研究一番。
其次我还想使用navigator.mediaDevices+websocket截图连续发送图片,模拟视频效果。但这样的话实际服务器处理起来也要时间,延迟跟不上。所以也得作罢,而且还不支持音频。
另外这个mediaDevices好像必须在录制完成也就是ondataavailable事件触发时才可获得视频流的数据。但是我想在录制过程中实时获取媒体流数据
还有就是一些三方服务提供商了,如果有简单易用,且有一定的免费额度也可以推荐
总之就是能实现功能并且越简单越好,求大佬推荐

共有1个答案

姚胡媚
2023-05-02

目前这两个方案更推荐WebRTC,你可以看看文档研究一下:
WebRTC 官方文档:https://webrtc.org/
MDN WebRTC 文档:https://developer.mozilla.org/en-US/docs/Web/API/WebRTC_API
开源的WebRTC服务器比如 Jitsi 或 Janus都可以试试
实操源码:https://github.com/Tinywan/WebRTC-tutorial
图片.png
保姆级别教程包含demo:https://juejin.cn/post/7073725449162981384#heading-17
第二种方案兼容性各方面都不推荐

 类似资料:
  • 问题内容: 我遇到问题,我想在UIView边界内解决,有什么 办法可以将Camera Preview添加到UIView吗?并在 UIView 顶部添加其他内容(按钮,标签等)? 我尝试使用AVFoundation框架,但没有足够的文档 的斯威夫特。 问题答案: 更新为SWIFT 5 您可以尝试如下操作: 在这里,我使用一个UIView称为PreviewView的相机来启动摄像机,然后在Previe

  • 如图:表格内显示出图片链接,鼠标悬停链接弹出图片,现在希望点击图片能够实现一些预览操作:放大、缩小。 UI 点击图片后,报错:

  • 本文向大家介绍C#实现控制摄像头的类,包括了C#实现控制摄像头的类的使用技巧和注意事项,需要的朋友参考一下 本文实例讲述了C#实现控制摄像头的类。分享给大家供大家参考。具体如下: 希望本文所述对大家的C#程序设计有所帮助。

  • 本文向大家介绍C#结合AForge实现摄像头录像,包括了C#结合AForge实现摄像头录像的使用技巧和注意事项,需要的朋友参考一下 输出为MP4需要用到ffmpeg相关的文件,我打包的库已经带了,去官网找的库可以在这个目录找到: 2: 添加这些引用: 3: 两个全局变量: 开始代码: 结束代码: 4: 修改App.config,兼容net2.0的一些东西:

  • 本文向大家介绍C#实现调用本机摄像头实例,包括了C#实现调用本机摄像头实例的使用技巧和注意事项,需要的朋友参考一下 本文实例源自一个项目,其中需要调用本机的摄像头进行拍照,分享给大家供大家参考之用。具体步骤如下: 硬件环境:联想C360一体机,自带摄像头 编写环境:vs2010 语言:C# WPF 实现步骤: 下载AForge类库,并添加引用: 在xaml界面中添加VideoSourcePlaye

  • 本文向大家介绍js实现前端图片上传即时预览功能,包括了js实现前端图片上传即时预览功能的使用技巧和注意事项,需要的朋友参考一下 现在,在实现前端图片即时预览,可以说是一件很简单的事情了。 我们只需要用file对象和FileReader对象,既可以轻松实现,无需下载类库。 HTML代码 先来说说input,input这个元素,具有一个files属性,该属性是一个filelist对象,是file对象的