从 OBS/Xsplit 到 HTML5答案

【问题标题】：Getting from OBS/Xsplit to HTML5从 OBS/Xsplit 到 HTML5
【发布时间】：2017-04-06 11:58:30
【问题描述】：

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

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

由于 Flash 现在正逐渐被 Chrome 淘汰，并且很可能在所有浏览器中都采用这种方式，因此使用 Flash 的任何事物的合乎逻辑的下一步似乎是使用 HTML5。

所以我在这里，试图从 A 点（OBS/XSplit/演示软件）到 B 点（网站上的 HTML5 代码正在做。

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

我相信我必须先以某种方式将我的 RTMP 流转换为其他东西，然后才能将其插入 HTML5，但不确定最好使用什么，以及我必须做多少编码，因为我不是一个编码器。

关于这个还有另一个线程，但是对于像我这样的傻瓜没有很多信息。这里有人成功地完成了我所描述的吗？或者知道这次冒险的教程吗？

谢谢

【问题讨论】：

您是否直接与 xsplit 交谈过，看看是否可以不做任何复杂的额外工作？他们可能已经在进行一些工作。此外，可以将流设为私有 n youtube，其中只有 those with the link can watch the streams
我之前和 XSplit 谈过，他们目前不提供任何替代方案。我最近也向OBS论坛提出了这个问题，但还没有得到答案。至于 YouTube，我对此进行了调查，它确实有一种保密机制，但据我所知，你必须在每次想要流式传输时不断地举办活动，并重新邀请所有成员。对于一个忙碌的校长来说，每次都这样做并邀请大量的老师，这是一项艰巨的任务。如果我做错了，请在 YouTube 上纠正。
youtube 视频有 3 种隐私状态。正如您刚才提到的，私有是“公开的”，但未显示在搜索或频道列表中，并且只能通过链接访问（这与您现在所拥有的相同，仅基于互联网与基于局域网）。可悲的是，缩短私人视频和添加用户的过程的唯一方法是让每个人都使用谷歌账户（这真的是浪费时间，除非你的学校使用谷歌应用程序作为他们的提供者），之后你可以创建一个级联的圈子邀请
当您自己播放视频时，是直播还是预录视频，可以随时访问？
如果只是预先录制就不会那么糟糕了，流媒体才是最困难的。至于 YouTube 的事情，据我所知，您必须再次预先录制视频/完成流以设置隐私设置。不知道如何设置它，这样我就可以随时随地开始一个流，人们可以到达。看来您必须每次都进行直播，然后邀请。

标签： html rtmp

【解决方案1】：

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

【讨论】：

我可以编写一些代码，只是不能没有某种演练的帮助。我已经在 ubuntu 上设置了 nginx 和 rtmp 并让它工作，这真的是我很难找到一个演练的下一步，因为这对我来说很简单。
您为什么不提出您已经设置 Nguni 的问题？它有效吗？您是否在生成细分和清单？堆栈溢出不是为您的特定案例编写自定义教程的服务。如果您的问题需要比段落更多的内容来回答，请缩小问题范围。模糊不完整的问题会得到模糊不完整的答案。
正如我所提到的，这是我的第一篇文章，所以即使在这里请求东西的适当方式我也不是太有经验。它确实有效，因为我可以通过 VLC 通过 rtmp://localhost 查看我的流，但我需要将它嵌入到网页中，而不是使用 Flash。我认为 nginx 可以输出 HLS，所以我可能会尝试这条路。是的，我觉得这个地方有点过头了，但我想我会试试的。我会继续谷歌搜索
您是否阅读了我的答案，并用谷歌搜索了您不理解的部分（如 dash.js）？

【解决方案2】：

好吧，我想通了。这可能不是最干净的方式，但它是一种“傻瓜”方式，无需进入过多的编码/命令行。这里适合那些缺乏编码技能但想完成我所要求的事情的人：

首先按照本指南https://obsproject.com/forum/resources/how-to-set-up-your-own-private-rtmp-server-using-nginx.50/ 了解您的 OBS/XSplit 类型软件在 VLC 中可显示为 rtmp://yourip
在 VLC 中，使用 Stream 功能，您可以选择 rtmp://yourip 作为源，HTTP 作为目标，Theora + Vorbis (OGG) 作为要转码到的流的选择。
只需将您的新 http://yourip:8080 流放入一个视频宽度="720" src="http://yourip:8080" 自动播放 type="video/ogg; codes=theora" /video" 或类似的东西，你至少应该可以在 Chrome 中播放它。（不知道如何用

我确信有一些优化需要做，但似乎玩得很好。

同样，可能有更好的方法来做到这一点，特别是如果您正在与使用不同浏览器/移动设备等的人打交道。但就我的目的而言，我只需要让一群人在本地网络上使用 Chrome 来查看一个不基于 Flash 的流，这可以解决问题。

【讨论】：