云转码接入视频网站解决方案 express-ffmpeg接入discuz方案

栏目: Node.js · 发布时间: 6年前

内容简介:云转码可以很方便的将各种视频进行转码并且切片,但是分享链接只有分享给其他人才会有价值,所以将云转码接入各种视频网站CMS是很重要的,我今天教给大家一个非常简单的接入方案,基本上所有的CMS都可以这样接入,我今天以discuz为例。discuz后台设置,进入discuz管理中心-界面-编辑器设置-discuz代码,然后进行设置。新增两个标签iframe和iframelist,一个是针对单一视频,一个是针对一组视频。

云转码可以很方便的将各种视频进行转码并且切片,但是分享链接只有分享给其他人才会有价值,所以将云转码接入各种视频网站CMS是很重要的,我今天教给大家一个非常简单的接入方案,基本上所有的CMS都可以这样接入,我今天以discuz为例。

discuz后台设置

discuz后台设置,进入discuz管理中心-界面-编辑器设置-discuz代码,然后进行设置。

新增两个标签iframe和iframelist,一个是针对单一视频,一个是针对一组视频。

设置iframe标签

编辑标签iframe,在替换内容输入以下内容:

<iframe height=428 width=100% frameborder=0 scrolling="no" src="{1}" allowfullscreen></iframe>

这句代码意思是,当在discuz论坛编辑中点此标签,输入云转码分享链接,类似

[iframe]http://yourdomain.com/share/4jkkj5k45j6j645k[/iframe]

这样就可以在discuz前台播放出云转码转码切片出来的视频,并且配合discuz的会员系统,可以设置回复可见或者指定会员组才能观看。

设置iframelist标签

编辑标签iframelist标签,在替换内容输入以下内容:

<iframe id="bdyyunbo" height=428 width=100% frameborder=0 scrolling="no" src="#" allowfullscreen></iframe><ul id="listNum"></ul><style>#listNum{list-style-type:none;padding:0;margin:0;margin-top:20px}#listNum li{list-style-type:none;float:left;margin-left:5px;margin-bottom:5px}#listNum li a{border:1px solid #f0f0f0;padding:3px 15px;color:#333;text-decoration:none}#listNum li a:hover,#listNum li a.active{background-color:#6f5d6b;color:white}</style><script>var playarr = "{1}";var playlists = playarr.split("|");var playlength = playlists.length;var index = 0;function init(){var html = "";document.getElementById("bdyyunbo").src= playlists[0];for(var i = 0;i < playlength;i++){html+= '<li>';if(i == index){html+= '<a href="javascript:void(0);" class="active" onclick="changeStream('+i+');">'+(i+1)+'</a>'}else{html+= '<a href="javascript:void(0);" onclick="changeStream('+i+');">'+(i+1)+'</a>'}html+= '</li>'}document.getElementById("listNum").innerHTML = html}init();function changeStream(num){document.getElementById("bdyyunbo").src = playlists[num];var lists = document.querySelectorAll("#listNum li a");for(var i = 0;i<lists.length;i++){if(lists[i].className == "active"){lists[i].className = ""}}lists[num].className = "active"}</script>

这个标签比较复杂,因为需要在前台设置标签按钮切换视频,在discuz编辑中输入以下标签:

[iframelist]1|2|3[/iframelist]

1、2、3替换成云转码的分享链接,并且以|隔开,这样编辑完成之后,在discuz前台就会默认播放第一个视频,并且在视频下面会出现1、2、3的标签按钮,可以点击进行切换。

案例图片:

云转码接入视频网站解决方案 express-ffmpeg接入discuz方案

视频下面有标签按钮可以切换视频。

总结

以上就是云转码express-ffmpeg接入discuz的方案,非常的简单,不需要任何插件就可以完成,其他cms其实也是类似,无非是替换iframe中的参数。

希望大家喜欢这次的教程。


以上所述就是小编给大家介绍的《云转码接入视频网站解决方案 express-ffmpeg接入discuz方案》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

支付战争

支付战争

埃里克•杰克逊 / 徐彬、王晓、清华大学五道口金融学院未央研究 审译 / 中信出版社 / 2015-5-19 / 49.00

这是一个野心勃勃的创业计划,在线支付鼻祖PayPal试图创造一个“统治世界”的金融操作系统,并在全球成功推广一款颠覆式的互联网产品。 《支付战争》的作者是“PayPal黑帮”成员之一,他真实还原了这个伟大产品是如何诞生的,以及在后来的发展壮大之路上,如何应对融资紧张、突破增长瓶颈,在竞争者凶猛围剿与平台商霸王条款的夹击下,逆境求生,改变业务模式,最终完成IPO,并成功出售给竞争对手eBay的......一起来看看 《支付战争》 这本书的介绍吧!

CSS 压缩/解压工具
CSS 压缩/解压工具

在线压缩/解压 CSS 代码

html转js在线工具
html转js在线工具

html转js在线工具