用JW Player,ckplayer,Smartideo搭建视频直播站-支持各大视频网站和rtmp

用JW Player,ckplayer,Smartideo搭建视频直播站-支持各大视频网站和rtmp,第1张

用JWPlayer,ckplayer,Smartideo搭建视频直播站-支持各大视频网站和rtmp

由于一个朋友的问题,最近测试了几个Wordpress网站播放器,包括SmartIDEO、CK播放器和JW播放器。总的感觉是在线的网络玩家很多,大部分都能上传自己的JS,CSS等文件快速搭建。而且Wordpress程序本身自带视频播放器,不需要额外安装。

但是有些朋友可能想分析优酷、爱奇艺、腾讯视频等视频放到自己的网站上,所以需要播放器的外部分析支持。老ckplayer自带外接视频分析,可以自动分析国内各大视频网站的视频,并在个人网站上播放。但测试后发现分析速度慢,视频速度也受影响。

Smartideo也是中国人开发的基于Wordpress的视频播放器。它的优点是可以自动识别你插入文章的视频地址,然后自动解析成视频嵌入。用户可以直接在网页上点击观看。经过我的测试,Smartideo对国内各大视频网站的支持都很好,尤其是哔哩哔哩和腾讯视频,播放流畅。

而JWPlayer则是国外功能强大的视频播放器,支持视频音乐本地上传和Youtube视频解析观看。如果使用WordpressJW播放器插件,可以一键插入Youtube视频,非常方便。试用JWPlayer后发现,JWPlayer真的是一款优秀的视频播放器,干净漂亮,装起来也大气。

SmartIDEO、CK播放器和JW播放器都可以在网站上单独安装。为了方便Wordpress用户,可以直接使用插件。不同的玩家各有利弊。本文就简单分析一下,大家可以根据自己的需求来选择。更多关于网站建设的文章,可以看看:

  • 使用MailPoet时事通讯插件为WordPress设置RSS邮件订阅并支持SMTP
  • 用MailChimp搭建RSS邮件订阅平台——每月12000封免费邮件可以增加2000个用户。
  • 服务器虚拟化面板解决方案安装和使用-支持新的管理OpenVZ、KVM和XenVPS
  • 一、JWPlayer-干净美观的视频播放器

    JWPlayer是一款优秀的网络媒体播放器,支持HTML5和FlashPlayer。支持H.264(.mp4,.mov,.f4v),FLV(。flv)、3GPP(.3gp,.3g2)、OGGTheora(。ogv)和WebM(。webm)视频格式,MP3(.mp3),AAC(.aac)。m4a)、OGG·沃尔比斯(。ogg)和WAV(。wav)音频。也支持swf和图片(gif、jpg、png)以及YouTube格式的视频。

    1.1 JWPlayer申请使用

    首先进入JW播放器官网申请一把钥匙,是免费的,官网也提供了丰富的文档供你参考。

    点击下载,在页面下方可以看到JWPlayer的密钥和程序安装包。

    1.2 JWPlayer通用方法

    下载的JW播放器安装包,可以解压上传到你的网站根目录。

    下面是JWPlayer用的一个例子,比较简单。第一步是在Head之前引入JS和Key,然后第二步是在主体内部添加div来设置视频文件路径。

    <!DOCTYPEhtml> <htmllang="zh-CN"> <head> <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1"> <title>视频测试–挖站否wzfou.com</title> <scriptsrc="//wzfou.com/jwplayer/jwplayer.js"></script> <script>jwplayer.key="98Sx98LQbaqk/BA4RCpM8AV3aoIscantvQSDjA==";</script> </head> <body> <divid='myplayer'></div> <scripttype='text/javascript'>    jwplayer('myplayer').setup({       file:'/shi/big.mp4',     width:'640',        height:'480'}); </script> </body></html>

    你需要把密钥改成你自己的,官网下载可以找到。请将jwplayer.js文件和文件更改为您自己的路径。效果如下:

    JW播放器变身直播利器。JW播放器支持rtmp源码。你只需要找到一个合适的rtmp源,就可以用JWPlayer在线观看了。效果如下:

    JW播放器自定义标志和链接。JWPlayer支持你添加自己的视频Logo和视频点击链接地址。您只需要在代码中添加参数aboutlink、abouttext和logo。添加多个视频只是复制代码,然后修改Div的Id。代码示例如下:

    <!DOCTYPEhtml> <htmllang="zh-CN"> <head> <metahttp-equiv="Content-Type"content="text/html;charset=UTF-8"> <metaname="viewport"content="width=device-width,initial-scale=1"> <title>视频测试–挖站否wzfou.com</title> <scriptsrc="//wzfou.com/jwplayer/jwplayer.js"></script> <script>jwplayer.key="98Sx98LQbaqk/BA4RCpM8AV3aoIscantvQSDjA==";</script> </head> <body> <divid='myplayer'></div> <scripttype='text/javascript'>    jwplayer('myplayer').setup({       file:'rtmp://live.hkstv.hk.lxdns.com/live/hks',  aboutlink:"http://wzfou.org", abouttext:"更多视频请进入挖站否", logo:{        file:'https://wzfou.cdn.bcebos.com/wp-content/uploads/2017/06/wzfou_logo7.png',        link:'http://wzfou.com/'    }, width:'640',        height:'480'}); </script> <br> <br> <br> <divid='myplayer1'></div> <scripttype='text/javascript'>    jwplayer('myplayer1').setup({       file:'rtmp://live.hkstv.hk.lxdns.com/live/hks',     width:'640',        height:'480'}); </script> </body></html>

    Logo修改和右键链接的效果见下图:

    1.3 JWPlayerWordPress插件

    JWPlayer官方开发了一个插件,但是用了之后,我觉得没有非官方的插件那么容易。JWPlayer7forWordPress官网地址:https://wordpress.org/plugins/jw-player-7-for-wp/

    7PlayerforWordPress设置页面,在第一个URL中填写JWPlayer的js路径。你需要把JWPlayer解压,提前上传到你网站的根目录。按键同上。JWPlayer7forWordPress可以选择视频的放置位置,视频的位置在内容的上方或下方。

    JWPlayer7forWordPress还可以设置相关视频、广告和分享。

    如何使用WordPress的JWPlayer7?写文章的时候把页面拉到最下面,可以填写自己的视频网址,支持Youtube或者自己上传的视频文件地址。

    点击“更多选项”设置标题、描述、是否自动播放、播放后是否从头开始等等。

    另外,JWPlayer7forWordPress会自动将你文章的特色图片作为视频的封面图片。

    这是JWPlayer7对于WordPress的视频播放效果。

    点击分享视频。如果想在国内分享,可以修改插件的分享代码部分。

    二、ckplayer-国产优秀在线播放器

    CK是中国人开发的在线webckplayer,支持http协议下的flv、f4v、mp4,支持rtmp视频流和rtmp视频播放,支持m3u8格式。如果配备视频分析服务,可以直接嵌入优酷、爱奇艺、腾讯视频等各大视频网站的视频中。

    Ckplayer官网:http://www.ckplayer.com/,CKplayer提供在线配置工具。可以选择视频通话方式、播放器配置、广告设置、长宽比、分享等。然后系统会自动生成调用代码。您可以将这段代码放在Html页面中使用。

    如果你想用ckplayer播放优酷、爱奇艺、腾讯等视频,那么你需要使用视频分析服务。经过测试,目前的免费视频分析服务Mine仍然可以使用。可以在官网搜索API接口。如果你用的是Wordpress,可以直接安装Mine插件。

    我的插件下载地址:https://www.ucblog.net/mine-video.1.5.3.zip,启用插件,在文章写作页面选择播放源,填写视频ID/URL和高度,最后点击添加视频。

    刷新网页,可以看到视频正常播放。但是由于视频分析的影响,感觉视频播放速度有些慢。

    三、Smartideo-WP强大视频播放器

    Smartideo是一个插件,增加了对WordPress的在线视频支持(支持在手机、平板电脑和其他设备上播放HTML5)。目前支持优酷、搜狐视频、土豆、56、腾讯视频、新浪视频、酷6、华数、乐视、YouTube等网站。

    Smartideo插件地址:https://wordpress.org/plugins/smartideo/,待机:https://www.ucblog.net/smartideo.zip.启用插件,然后进入设置选项,在这里可以设置一些提示,资源加载方式等等。

    写文章的时候直接把视频播放页面的完整网址粘贴到编辑器里(单独一行)来加载视频播放器。

    测试表明,Smartideo对大多数国内视频网站都是有效的,尤其是腾讯视频、哔哩哔哩、a站等。

    四、总结

    JW播放器、CK播放器、SmartIDEO都是优秀的视频播放器,各有优缺点。JWPlayer的界面很漂亮,特别适合本地视频和Youtube视频。当然也有人会修改代码在JWPlayer上使用国产视频分析服务。

    Ckplayer本身就是一个强大的视频播放器,官网提供的在线配置也很周到。对于不知道代码的朋友,可以直接复制调用。Smartideo作为WordPress视频播放器,可以直接嵌入各大视频网址,支持手机平板观看。使用效果也很好。

    文章来自:挖站没有https://wzfou.com/wp-video/,版权所有。本站所有文章除出处外均为作者原创文章,可自由引用,但请注明出处。

    欢迎分享,转载请注明来源:内存溢出

    原文地址: http://outofmemory.cn/zz/744666.html

    (0)
    打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
    上一篇 2022-04-29
    下一篇 2022-04-29

    发表评论

    登录后才能评论

    评论列表(0条)

    保存