首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何使用VLC实时流与HTML5视频?

如何使用VLC实时流与HTML5视频?
EN

Stack Overflow用户
提问于 2011-10-27 14:58:50
回答 1查看 41.4K关注 0票数 40

我试过HTTP /Theora,Chrome运行良好,Firefox 7却不行。

VLC配置:

为了进行测试,我一直在使用以下vlc命令行配置对桌面进行流处理:

vlc.exe屏幕://:屏幕-fps=30:屏幕缓存=100 :sout=#transcode{vcodec=theo,vb=800,scale=1,width=800,height=600,acodec=none}:http{mux=ogg,dst=:8181/桌面} :no-sout-rtp-sap :no-sout-standard-sap :ttl=1 :sout-

HTML5视频标签配置:

代码语言:javascript
复制
<video id="video" src="http://my_host_name:8181/desktop" type="video/ogg; codecs=theora" autoplay="autoplay"/>

有什么想法吗?

EN

回答 1

Stack Overflow用户

发布于 2011-10-31 14:46:58

我为此挣扎了一段时间,我能够验证Ogg/Theora在Firefox 7、Nightle10和Opera Next中工作得很好。

现在,谷歌Chrome的一切工作都在进行。我对Chrome的问题是,XP中最新版本的Chrome不再需要命令行中传递的“启用webgl”指令。XP中唯一需要的命令行条目是‘--忽略-gpu-黑名单’,因为gpu是在XP中黑名单的。

此外,我还能够验证Chrome在Web/VP8 8/Vorbis流中工作得很好。Opera和Firefox还没有支持它。

我发现的主要问题是:

1 -页面加载:如果您从文件系统加载页面,而不是从web服务器加载页面,则不会显示视频(任何视频、vlc或文件)。

要修复它,只需确保您正在从web服务器加载内容。

2 -实况/实时流: VLC被使用,为了使它工作,我不得不浏览WebGL/HTML5 5视频安全限制。它发生的视频流,不起源于相同的web服务器和web上下文或子上下文,它将不会播放,因为安全限制。

要解决这个问题,只需在应用程序服务器前面使用Apache web服务器,并将您的VLC流配置为在您加载的web页面的web子上下文下。例如,在Apache2.2中,启用mod代理并将以下行添加到httpd.conf文件中:

代码语言:javascript
复制
# Mod_proxy Module
ProxyReceiveBufferSize 16384

ProxyRequests On
ProxyVia On
ProxyPreserveHost On

<Proxy *>
    Order deny,allow
    Allow from all
</Proxy>

# VLC server stream
ProxyPass /desktop/video/stream.ogg http://vlc_streaming_host:8181/desktop.ogg
ProxyPassReverse /desktop/video/stream.ogg http://vlc_streaming_host:8181/desktop.ogg

# If content is on another server (JBoss, Spring, etc...) then uncomment next lines
#ProxyPass /desktop http://server_content_host:8080/streamer
#ProxyPassReverse /desktop http://server_content_host:8080/streamer

如果您也使用Apache来存储内容,那么,根据上面的示例,只需将html页面放在名为“桌面”的目录下即可。

结论到目前为止:虽然HTML5视频规范为流提供了空间,但到目前为止,我的结论是HTML5视频还没有做好直播的准备。在我的实验中,视频标签总是会缓冲,我无法找到禁用它的方法,这最终导致延迟至少5到8秒。

因此,我想目前基于Flash和RTMP的解决方案仍然是可行的。

票数 35
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/7917905

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档