将流嵌入网站

Posted

技术标签:

【中文标题】将流嵌入网站【英文标题】:Embed Streams onto website 【发布时间】:2014-07-16 10:49:13 【问题描述】:

再见,我有这些流http://xxx.xxx.xxx.xxx:9987/udp/239.100.0.105:1234,我可以通过 VLC 和 Sm Player 播放。我可以通过 JWPlayer 或 Flow 播放器之类的东西使用这些 URL 将这些流嵌入到网站上吗?

【问题讨论】:

【参考方案1】:

您可以使用 JWPlayer。 将 JW Player 库添加到您的页面:

​<script src="//p.jwpcdn.com/6/9/jwplayer.js" ></script>

还有剧本

<div id=myElement></div>
<script>
        jwplayer("myElement").setup(
            file: "http://xxx.xxx.xxx.xxx:9987/udp/239.100.0.105:1234",
            image: "myVideo.jpg", //only if you have image
            height: 360,
            width: 640
        );
</script>

Flash 中的 HLS 仅在 JW6 高级版和广告版中受支持,因此如果您的流是 HLS,您将购买许可证(rtmp 在免费版中工作)

如果你正在寻找支持 HLS 的免费播放器,你可以使用 Video-JS 这个插件:https://github.com/videojs/videojs-contrib-hls

例如:http://ecmendenhall.github.io/hls-aac.html

编辑 1:

<div id=myElement></div>
<script>
        jwplayer("myElement").setup(
            file: "http://xxx.xxx.xxx.xxx:9987/udp/239.100.0.105:1234",
            image: "myVideo.jpg", //only if you have image
            height: 360,
            width: 640,
            primary:;flash',
            type:'hls'
        );
</script>

【讨论】:

谢谢本,我确实使用此脚本获得了我的 rtmp 链接流,但 http 链接不起作用.. 对于 video-js,我会使用相同的脚本吗? 你能提供你运行这个的链接吗? 在此处粘贴您的链接并按播放键,您的链接有效吗? jwplayer.com/wizard 好的,谢谢,在那里添加了流,现在可以查看源 抱歉,使用 jwplayer 向导时找不到可播放的资源。但在使用 rtmp 链接时确实有效

以上是关于将流嵌入网站的主要内容,如果未能解决你的问题,请参考以下文章

将网站嵌入我的网站

嵌入页面的不同方法

如何为其他网站创建嵌入代码

检查网站是不是不允许嵌入 iframe

如何检查嵌入了 javascript 徽章的网站?

限制 youtube 在其他网站上的嵌入