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

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

云转码可以很方便的将各种视频进行转码并且切片,但是分享链接只有分享给其他人才会有价值,所以将云转码接入各种视频网站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的标签按钮,可以点击进行切换。

案例图片:
-----2018-08-26---11.21.23
视频下面有标签按钮可以切换视频。

总结

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

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