Loading [MathJax]/jax/output/CommonHTML/config.js
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >问答首页 >如何从主机上的铬和码头容器中的铬共享/dev/videoX设备上的WebRTC流

如何从主机上的铬和码头容器中的铬共享/dev/videoX设备上的WebRTC流
EN

Stack Overflow用户
提问于 2017-12-18 13:37:23
回答 1查看 3.8K关注 0票数 26

环境

  • 主机运行Ubuntu 14.04.5 LTS
  • Docker版本17.09.0-ce,构建afdb6d4
  • 铬62.0.3202.89
  • 2个网络摄像头:/dev/video0/dev/video1

摄像机

代码语言:javascript
运行
AI代码解释
复制
# v4l2-ctl --list-devices
Venus USB2.0 Camera (usb-0000:00:1a.0-1.2.2):
    /dev/video1

USB 2.0 Camera (usb-0000:00:1a.0-1.3):
    /dev/video0

我需要将Ubuntu 14.04 主机上的网络摄像头共享给Ubuntu 16.04 码头容器,并能够从每个铬实例上从每个摄像机获得视频流(WebRTC getUserMedia),它们分别在主机和容器上运行,或者在两个单独的码头容器上运行。

为了测试getUserMedia,我浏览

如何繁殖

Dockerfile

代码语言:javascript
运行
AI代码解释
复制
FROM ubuntu:16.04

# Install chromium
RUN apt-get update \
    && apt-get install sudo chromium-browser alsa-base alsa-utils alsa-oss -y \
    && rm -rf /var/lib/apt/lists/*

# Create a normal user to run chromium as
RUN useradd --create-home browser \
    && adduser browser video \
    && adduser browser audio \
    && usermod -aG sudo browser
USER browser
WORKDIR /home/browser

ENTRYPOINT ["/usr/bin/chromium-browser", "--use-fake-ui-for-media-stream", "--disable-infobars", "--allow-running-insecure-content", "--ignore-certificate-errors"]
CMD ["https://www.stackoverflow.com/"]

码头工人-组成

代码语言:javascript
运行
AI代码解释
复制
$ more docker-compose.yml 
version: '3'
services:
  chromium_video1:
    build:
      context: .
      dockerfile: Dockerfile
    image: ubuntu-cr:0.1
#    privileged: true # then you don't need the devices section

    # Pass the URL as an argument (CMD) to ENTRYPOINT in the Dockerfile
    #command: ["https://www.onlinemictest.com/webcam-test/"] # WORKS
    command: ["https://webrtc.github.io/samples/src/content/getusermedia/gum/"] # FAILS

    environment:
        #DISPLAY: $DISPLAY
        DISPLAY:
        XAUTHORITY: /.Xauthority

    devices:
        - /dev/video1
        - /dev/dri
#        - /dev/snd

    volumes:
        - /tmp/.X11-unix:/tmp/.X11-unix
        - ~/.Xauthority:/.Xauthority:ro
        - /var/run/dbus/system_bus_socket:/var/run/dbus/system_bus_socket

    cap_add:
        - SYS_ADMIN

  chromium_video0:
    build:
      context: .
      dockerfile: Dockerfile
    image: ubuntu-cr:0.1
#    privileged: true

    # Pass the URL as an argument (CMD) to ENTRYPOINT in the Dockerfile
    #command: ["https://www.onlinemictest.com/webcam-test/"]
    command: ["https://webrtc.github.io/samples/src/content/getusermedia/gum/"]

    environment:
        DISPLAY:
        XAUTHORITY: /.Xauthority

    devices:
        - /dev/video0
        - /dev/dri
#        - /dev/snd

    volumes:
        - /tmp/.X11-unix:/tmp/.X11-unix
        - ~/.Xauthority:/.Xauthority:ro
        - /var/run/dbus/system_bus_socket:/var/run/dbus/system_bus_socket

    cap_add:
        - SYS_ADMIN

附加尝试

代码语言:javascript
运行
AI代码解释
复制
command: ["https://appear.in/hello"]

代码语言:javascript
运行
AI代码解释
复制
command: ["https://test.webrtc.org/"]

导致同样的事情,一旦一个摄像头开始流,另一个就不能

在码头集装箱中启动铬

代码语言:javascript
运行
AI代码解释
复制
export DISPLAY=:0.0 
docker-compose up

结果

使用https://webrtc.github.io/samples/src/content/getusermedia/gum/ =>失败

如果关闭chromium_video1,则在浏览器刷新(?)之后,chromium_video0会对视频进行流。

从web控制台尝试了getUserMedia

代码语言:javascript
运行
AI代码解释
复制
 navigator.mediaDevices.getUserMedia({audio: true, video: true})

但是在关闭铬流/dev/video1之后,/dev/video0现在是可读的了。getUserMedia命令解析,摄像机从/dev/video0中传输视频。

他们没有访问相同的设备。我登记了chrome://media-internals

使用https://www.onlinemictest.com/webcam-test/工作!

当使用https://www.onlinemictest.com/webcam-test/时,它可以工作,我们可以看到两个摄像机的流。我相信这个特定的网站仍然在使用URL.createObjectURL

图片

代码语言:javascript
运行
AI代码解释
复制
docker images
REPOSITORY      TAG            IMAGE ID            CREATED             SIZE
ubuntu-cr       0.1            a61f5506b1f9        9 minutes ago       764MB
ubuntu          16.04          747cb2d60bbe        2 months ago        122MB

主机上打开铬浏览器到相同的URL

) :(我收到错误消息

NotReadableError

关于如何配置我的对接容器以允许将一个凸轮分配给主机而另一个专用于码头容器的指针呢?

有趣的线程

  • NotReadableError: Failed to allocate videosource指出,这可能是因为相机是由另一个应用程序使用。
  • 有趣的是,当我在主机上打开指向同一摄像头测试页面(getUserMedia)的2个Chromium实例(这次没有容器)时,它确实能够将相同的视频流发送到2个Chromium实例。这就是我试图从一个容器访问它冲突的时候。它可以播放一个或另一个,但不能在同一时间。所以可以在码头容器上配置一些东西。尽管如此,我们还是要理解为什么会发生这种事。

更新

码头日志

代码语言:javascript
运行
AI代码解释
复制
chromium_video1  | libGL error: failed to open drm device: No such file or directory
chromium_video1  | libGL error: failed to load driver: i965
chromium_video0  | libGL error: failed to open drm device: No such file or directory
chromium_video0  | libGL error: failed to load driver: i965

解决这个读取这个thread的问题

试图按下面的评论中的建议共享devices,但没有效果。

代码语言:javascript
运行
AI代码解释
复制
- /dev/video1:/dev/video1:rm 
- /dev/video1:/dev/video1:r  
- /dev/video1:/dev/video1:rw

问题

  • 当摄像机被访问并开始流时会发生什么?是否创建了一个锁文件以及在哪里?但是,请注意,我没有访问相同的相机。

在我分享的章节中

代码语言:javascript
运行
AI代码解释
复制
- /tmp/.X11-unix:/tmp/.X11-unix
- ~/.Xauthority:/.Xauthority:ro
- /var/run/dbus/system_bus_socket:/var/run/dbus/system_bus_socket

我不认为这些文件是问题所在,但仍在调查

EN

回答 1

Stack Overflow用户

发布于 2018-06-26 15:18:44

如果您只想要单独的Chrome会话,您可以简单地从以下内容开始:

代码语言:javascript
运行
AI代码解释
复制
chromium-browser --user-data-dir=/tmp/chrome1 

和另一个实例

代码语言:javascript
运行
AI代码解释
复制
chromium-browser --user-data-dir=/tmp/chrome2

Docker只是一种记录和重复设置非常特定环境的方法。它增加的额外安全层最少,特别是你传递的额外权限,特别是与Chrome真正经过良好测试的安全性相比。

如果需要更多的隔离,可以创建单独的用户:

代码语言:javascript
运行
AI代码解释
复制
 # run these lines individualy, just press Enter for everything, don't set passwords for them, they won't be able to log in. 
 sudo adduser chrome1
 sudo adduser chrome2 

 # if you want to give each access to only one of the cams you can try this
 sudo chown chrome1:chrome1 /dev/video0 
 sudo chown chrome2:chrome2 /dev/video1
 # keeping in mind unplugging and replugging the camera might reset the permissions unless you update the relevant /etc files

 # to allow anyone to use your X
 xhost +

 # run the two separate browsers
 sudo su - chrome1 -c chromium-browser & 
 sudo su - chrome2 -c chromium-browser &
票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/47876771

复制
相关文章
dotnet OpenXML SDK 形状的翻转与旋转
在 OpenXML 的 PPT 元素,形状的翻转与旋转是有逻辑关系,本文来和大家聊聊形状的翻转和形状的旋转的关系
林德熙
2020/09/25
9570
dotnet OpenXML SDK 形状的翻转与旋转
【说站】ps怎么旋转某个形状
(3)调整好之后按回车确定,然后就可以尽情的按住Ctrl+Alt+Shift+T,复制前面的步骤了。
很酷的站长
2022/11/24
1.4K0
【说站】ps怎么旋转某个形状
识别图中的图形形状,颜色,位置,面积,周长。
1、点击[Matlab] 2、点击[命令行窗口] 3、按<Enter>键
裴来凡
2022/05/28
1.2K0
识别图中的图形形状,颜色,位置,面积,周长。
javascript中各种计算位置高度的方法
网页可见区域宽: document.body.clientWidth; 网页可见区域高: document.body.clientHeight; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.body.offsetHeight (包括边线的高宽); 网页正文全文宽: document.body.scrollWidth; 网页正文全文高: document.body.scrollHeight; 网页被卷去的高: document.body.scrollTop; 网页被卷去的左: document.body.scrollLeft; 网页正文部分上: window.screenTop; 网页正文部分左: window.screenLeft; 屏幕分辨率的高: window.screen.height; 屏幕分辨率的宽: window.screen.width; 屏幕可用工作区高度: window.screen.availHeight; 屏幕可用工作区宽度:window.screen.availWidth; scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 scrollWidth:获取对象的滚动宽度 offsetHeight:获取对象相对于版面或由父坐标 offsetParent 属性指定的父坐标的高度 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTop:获取对象相对于版面或由 offsetTop 属性指定的父坐标的计算顶端位置 event.clientX 相对文档的水平座标 event.clientY 相对文档的垂直座标 event.offsetX 相对容器的水平坐标 event.offsetY 相对容器的垂直坐标 document.documentElement.scrollTop 垂直方向滚动的值 event.clientX+document.documentElement.scrollTop 相对文档的水平座标+垂直方向滚动的量
用户5640963
2019/07/26
1.6K0
AS3中的位操作
在AS3中位操作是非常快的,这里列出一些可以加快某些计算速度的代码片段集合。我不会解释什么是位运算符,也不会解释怎么使用他们,只能告诉大家如果想清楚其中的原理先认真学一下2进制.
py3study
2020/01/06
4180
博采众长式的旋转位置编码
上一篇文章中,我们对原始的Sinusoidal位置编码做了较为详细的推导和理解,总的感觉是Sinusoidal位置编码是一种"想要成为相对位置编码的绝对位置编码"。
mathor
2021/05/20
1.7K0
代码在内存中的'形状'
代码在内存中的'形状' http://zoo.zhengcaiyun.cn/blog/article/code-shape
政采云前端团队
2023/02/27
4860
代码在内存中的'形状'
AS3中的单件(Singleton)模式
单件(singleton)模式在c#中是最容易实现的模式,其主要用意就在于限制使用者用new来创建多个实例。但在as3中,构造函数必须是public的(语法本身要求的),而且也不能在构造函数中抛出异常(编译可通过,但是逻辑行不通),因为这样相当于把创建实例的路子完全切断了,一个实例也得不到! 错误代码: package{ public class singleton{ static private var _instance:singleton; public function sin
菩提树下的杨过
2018/01/23
7900
一文彻底搞懂js中的位置计算
Element.scroll()方法是用于在给定的元素中滚动到某个特定坐标的Element 接口。
19组清风
2021/11/15
3.9K0
一文彻底搞懂js中的位置计算
如何复用原有设计中Block的位置
这里的Block是指Block RAM和DSP48。在有些设计中,这两者有其一或者两者均出现利用率比较高的情形,而且在某一版本中可以达到时序收敛。如果后续版本并不涉及到对Block的修改,特别是不会出现对Block RAM位宽的修改,为了达到时序收敛,一个可行的方案就是继承收敛版本的Block的布局。本质上,就是复用这些Block的位置信息。在Vivado下完成这样的操作非常简单。
Lauren的FPGA
2019/10/30
8160
一文看懂 LLaMA 中的旋转式位置编码(Rotary Position Embedding)
旋转式位置编码(RoPE)最早是论文[1]提出的一种能够将相对位置信息依赖集成到 self-attention 中并提升 transformer 架构性能的位置编码方式。而目前很火的 LLaMA 模型也是采用该位置编码方式。
BBuf
2023/08/22
5.1K0
一文看懂 LLaMA 中的旋转式位置编码(Rotary Position Embedding)
AS3中mouseEnabled和mou
mouseEnabled mouseEnabled 属性 mouseEnabled:Boolean 语言版本: ActionScript 3.0 运行时版本: AIR 1.0, Flash Player 9, Flash Lite 4 指定此对象是否接收鼠标或其他用户输入、消息。默认值为 true,这表示默认情况下,显示列表上的任何 InteractiveObject 实例都会接收鼠标事件或其他用户输入事件。如果将 mouseEnabled 设置为 false,则实例将不接收任何鼠标事件(或其他用户输入
py3study
2020/01/07
7010
as3中ProgressEvent的bytesTotal始终为0
遇到很奇怪的问题,as3中监听资源下载的PROGRESS事件(ProgressEvent.PROGRESS),它的bytesLoaded属性倒是正常的,但bytesTotal属性却始终为0,结果是导致了得到的下载比率为无穷大(Infinity)
meteoric
2018/11/15
9040
关于AS3中Vector的sort排序
调用 $back.sort(sortRank);  注 : $back 是 vector.<RankPlayerModel>类型的
py3study
2020/01/08
4150
【转】一文看懂 LLaMA 中的旋转式位置编码(Rotary Position Embedding)
原文:https://mp.weixin.qq.com/s/0peSNWN0ypMopPR0Q_pujQ
marsggbo
2023/07/20
4800
【转】一文看懂 LLaMA 中的旋转式位置编码(Rotary Position Embedding)
如何根据经纬度计算地面上某点在XYZ空间直角坐标系中的坐标
zhaokang555
2023/10/17
3720
如何根据经纬度计算地面上某点在XYZ空间直角坐标系中的坐标
as3中颜色矩阵滤镜ColorMatrixFilter的使用
上面的例子,也是游戏开发中比较常用的功能,与“怪物”战斗后,将其“灰”掉。这其中最重要的还是对AS3颜色矩阵滤镜(ColorMatrixFilter)的使用。
meteoric
2018/11/16
1.4K0
如何去除叠加图层后的多余形状
当我们往地图上叠加图层后,未能完全覆盖那块地图,原先地图的上的一些形状被放大之后仍能看见,那么如何去除叠加图层后仍然显示的多余形状呢?
算法与编程之美
2021/12/28
9160
如何去除叠加图层后的多余形状
AS3的splice
当第一个元素为-1时,竟然删除了集合的最后的元素,实在是...倒数删除,倒数第一个元素的Index = -1 , 倒数第二个为 -2 , 依次类推,并非不删除元素.
py3study
2020/01/10
6440
点击加载更多

相似问题

从纬度/经度坐标的所有可能点(纬度、经度)在单独的数组中

21

在纬度/经度点之间计算更多的纬度和经度?

31

使用我的位置纬度经度和DB纬度经度计算距离

10

用R计算纬度和经度坐标的距离

21

计算经度/纬度

34
添加站长 进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

扫码加入开发者社群
关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

扫码关注腾讯云开发者公众号
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文