想通过浏览器调用摄像头实现直播功能，有成熟的解决方案吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

推荐关注

› Meteor

› JSLint - a JavaScript code quality tool

› jsFiddle

› D3.js

› WebStorm

推荐书目

› JavaScript 权威指南第 5 版

› Closure: The Definitive Guide

这是一个创建于 2673 天前的主题，其中的信息可能已经有所发展或是发生改变。

查了查没有找到可用的资料，各位有什么好主意吗？

调用

主意

可用

浏览器

32 条回复 • 2017-08-31 10:30:32 +08:00

sky0009

2017-08-04 20:06:27 +08:00 via Android

听不太懂。。。意思是不使用直播 App，直接使用任意一个浏览器登录网站，然后在浏览器上实时录制，然后再即时上传到服务器？这样的话，浏览器本身至少要有摄像头的访问权限。每个不同内核的浏览器，不同的操作系统版本，调用摄像头的代码应该都是不一样的。想要兼容所有浏览器，很难的吧。

zpf124

2017-08-04 20:12:23 +08:00

webrtc

Hypn0s

2017-08-04 20:13:41 +08:00 via iPhone

@sky0009 嗯，功能就是这样，不过由于产品是面向特定用户的所以可以考虑使用指定的浏览器（ chrome 或者 firefox ）

Hypn0s

2017-08-04 20:28:44 +08:00 via iPhone

@zpf124 谢谢，我查了查资料，感觉可行，不过好像要实现一对多（ hin 多的多）有点小麻烦，有封装好的付费方案不过成本好像有点高，感觉还是得上客户端比较靠谱

greathuz

2017-08-04 21:05:30 +08:00

京东凹凸有篇相关文章可以看看，是实现监测的。
https://aotu.io/notes/2017/06/29/motion-detection/

derek80

2017-08-04 22:02:42 +08:00 via Android

浏览器里直播不考虑 flash 当然就是 webrtc 了

lazyer2088

2017-08-04 22:02:44 +08:00

有用过 webrtc 做过视频对话，firefox 和 chrome 都能运行，但是感觉这东西也就只能当当玩具

VShawn

2017-08-04 22:56:50 +08:00

在 2012 年做过 HTML5 调用摄像头然后回发服务器的，当时很不成熟各种浏览器有的兼容有的不兼容，图像数据也要自己编码回传，不知道现在有没有成熟的方案了。

zhchyu999

2017-08-04 23:45:00 +08:00

https://github.com/ossrs/srs 看看这个

huangtao728

2017-08-05 00:33:23 +08:00 via Android

以前乐视云直播免费的时候我用过，它在给出 rtmp 推流地址的同时还有一个 Web 直播间，忘了对不对这个名字了，是用 flash 实现的，就是楼主你说的能调用摄像头直播

snoopygao

2017-08-05 07:42:24 +08:00 via iPhone

我看 facebook 可以用网页直播，楼主可以研究一下

buseni

2017-08-05 08:35:38 +08:00 via Android

webRtc 不经过中转服务器推流不行，太卡了，网页浏览器推流给服务器，服务器经过处理，推流给客户，可以的。

manihome

2017-08-05 10:48:53 +08:00

可以看看这个 appear.in

Hypn0s

2017-08-05 11:16:22 +08:00 via iPhone

@greathuz
@derek80
@lazyer2088
@VShawn
谢谢，我也看了一下 webrtc，要实现一对多的视频直播的话需要服务器先转码再广播，压力点顿时从前端转到了服务端😅😂

Hypn0s

2017-08-05 11:20:37 +08:00 via iPhone

@zhchyu999 谢谢啦，我 look look😁

Hypn0s

2017-08-05 11:21:01 +08:00 via iPhone

@snoopygao 好的，谢谢

Hypn0s

2017-08-05 11:21:56 +08:00 via iPhone

@huangtao728 你成功把我的注意力转到了乐视身上🤣

Hypn0s

2017-08-05 11:23:28 +08:00 via iPhone

@buseni 嗯嗯，需要服务器配合转码广播，感觉工程量不小

Hypn0s

2017-08-05 11:30:47 +08:00 via iPhone

@manihome 谢谢，我看了看 apear.in 的官网，它貌似是基于 ios 客户端提供的视频聊天室服务，不满足需求呀。

manihome

2017-08-05 12:00:45 +08:00

@Hypn0s 直接使用浏览器的啊亲

flowfire

2017-08-05 14:03:27 +08:00

@derek80 @zpf124 webrtc 貌似是端对端吧

tanranran

2017-08-05 14:17:36 +08:00

webrtc

zpf124

2017-08-05 14:37:05 +08:00

@flowfire 可以推给服务器端，由服务器进行广播。

Hypn0s

2017-08-05 15:00:15 +08:00 via iPhone

@manihome 那是我眼拙了😂

derek80

2017-08-05 16:19:55 +08:00 via Android

@flowfire 可以 p2p , 也可以服务端中转的。

lmaq

2017-08-06 09:51:41 +08:00

http://www.workerman.net/camera

Hypn0s

2017-08-07 17:42:37 +08:00

@lmaq 谢谢啦，我看看他前端是怎么做的

xieranmaya

2017-08-20 17:39:53 +08:00

楼上有人说到 webrtc，这东西性能差到爆，给五个人同时直播 cpu 都能跑满（反正我测试的结果是这样），再多点人电脑直接死机，别想了。。。

Hypn0s

2017-08-21 09:27:31 +08:00

@xieranmaya 一对五的端对端通信应该会这样，通过服务器广播应该会好点吧

chxj1992

2017-08-31 01:38:15 +08:00

https://github.com/chxj1992/rtmp-streamer
不知道你说的是不是这个意思 👻

Hypn0s

2017-08-31 10:28:15 +08:00

@chxj1992 哈哈，已 star

chxj1992

2017-08-31 10:30:32 +08:00

@Hypn0s 🌚