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

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

内容简介:云转码可以很方便的将各种视频进行转码并且切片,但是分享链接只有分享给其他人才会有价值,所以将云转码接入各种视频网站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方案》,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对 码农网 的支持!

查看所有标签

猜你喜欢:

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

设计模式之禅(第2版)

设计模式之禅(第2版)

秦小波 / 机械工业出版社 / 2014-2-25 / 89.00元

本书是设计模式领域公认的3本经典著作之一,“极具趣味,容易理解,但讲解又极为严谨和透彻”是本书的写作风格和方法的最大特点。第1版2010年出版,畅销至今,广受好评,是该领域的里程碑著作。深刻解读6大设计原则和28种设计模式的准确定义、应用方法和最佳实践,全方位比较各种同类模式之间的异同,详细讲解将不同的模式组合使用的方法。第2版在第1版的基础上有两方面的改进,一方面结合读者的意见和建议对原有内容中......一起来看看 《设计模式之禅(第2版)》 这本书的介绍吧!

HTML 编码/解码
HTML 编码/解码

HTML 编码/解码

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

XML、JSON 在线转换
XML、JSON 在线转换

在线XML、JSON转换工具