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

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

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

查看所有标签

猜你喜欢:

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

UNIX环境高级编程

UNIX环境高级编程

W.Richard Stevens、Stephen A.Rago / 尤晋元、张亚英、戚正伟 / 人民邮电出版社 / 2006年 / 99.00元

本书是被誉为UNIX编程“圣经”的Advanced Programming in the UNIX Environment一书的更新版。在本书第1版出版后的十几年中,UNIX行业已经有了巨大的变化,特别是影响UNIX编程接口的有关标准变化很大。本书在保持了前一版风格的基础上,根据最新的标准对内容进行了修订和增补,反映了最新的技术发展。书中除了介绍UNIX文件和目录、标准I/O库、系统数据文件和信息......一起来看看 《UNIX环境高级编程》 这本书的介绍吧!

JSON 在线解析
JSON 在线解析

在线 JSON 格式化工具

随机密码生成器
随机密码生成器

多种字符组合密码

HEX CMYK 转换工具
HEX CMYK 转换工具

HEX CMYK 互转工具