从OBS / Xsplit转到HTML5

时间:2017-04-06 11:58:30

标签: html5 rtmp

我只是一个微不足道的系统人,这似乎是一个程序员的域,所以要温柔。这是我在这个网站上的第一篇文章。

我在高中工作,我们的演示软件用于公告,我们使用XSplit。这类似于OBS,允许我们使用绿屏。为了与网络上的其他用户共享,XSplit有一个内置的网络服务器,允许用户访问永久URL并在Flash中查看实时流。

由于Chrome现在正在慢慢避开Flash,并且可能会在所有浏览器中采用这种方式,因此使用Flash的任何操作的逻辑下一步似乎都是HTML5。

所以我在这里尝试从A点(OBS / XSplit /演示软件)到B点(网站上的HTML5代码)。

OBS和XSplit可以输出到现有的流媒体服务,如Twitch,YouTube等,但这些服务缺乏某些隐私要求或我们的持久网址要求。或者你可以输出到RTMP,但这当然不能直接输入HTML5。

我相信在将其插入HTML5之前,我必须以某种方式将我的RTMP流转换为其他内容,但不确定最好使用的是什么,以及我需要做多少编码,因为我不是编码员。

还有另一个线程,但没有像我这样的假人的大量信息。有没有人在这里成功完成了我所描述的内容?或者知道这次冒险的教程?

由于

2 个答案:

答案 0 :(得分:0)

如果没有编码背景或使用商业产品的预算,这将很难做到。然而,您需要做的是使用rtmp模块设置nginx服务器,使用它将rtmp转换为破折号,然后使用类似dash.js的东西来构建Web播放器。网上可能有一些地方描述了如何做到这一点。

答案 1 :(得分:0)

好吧,好吧,我明白了。它可能不是最干净的方式,但它是一种'傻瓜'的方式,而不必进入太多的编码/命令行。这里适用于任何缺乏编码技能但想完成我所要求的人:

  1. 首先按照本指南https://obsproject.com/forum/resources/how-to-set-up-your-own-private-rtmp-server-using-nginx.50/进行操作,以便将您的OBS / XSplit类型软件视为rtmp:// yourip in VLC

  2. 在VLC中,使用Stream功能选择rtmp:// yourip作为源,HTTP作为目标,Theora + Vorbis(OGG)作为要转码的流的选择。

  3. 只需抓住您的新http://yourip:8080信息流并将其插入一个 video width =“720”src =“http:// yourip:8080”autoplay 类型=“视频/ ogg;代码= theora”/视频“或类似的东西,你应该能够在Chrome中播放它,至少。(不知道怎么发布与<的东西)

  4. 我确信要做一些优化,但似乎打得很好。

    同样,可能更好的方法来做到这一点,特别是如果你正在与使用不同浏览器/移动设备的人打交道等等。但对于我的目的,我只需要在本地网络上使用Chrome查看一大群人一个不是基于Flash的流,这就是诀窍。