18143453325 在线咨询 在线咨询
18143453325 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 历经十年岁月磨砺,这个网页视频播放器中的王牌终于开源了!

历经十年岁月磨砺,这个网页视频播放器中的王牌终于开源了!

时间:2023-04-18 16:28:02 | 来源:网站运营

时间:2023-04-18 16:28:02 来源:网站运营

历经十年岁月磨砺,这个网页视频播放器中的王牌终于开源了!:熟悉网络音视频开发的开发者一定对 ckplayer 这个名字非常熟悉,作为一个老牌的网页视频播放器,它为开发者们提供了便捷好用的网页中播放视频的解决方案:只需几个简单的文件即可插入视频。

就在昨天,历经十年岁月的 ckplayer 更新了 X2 版本,最新版的 ckplayer 将正式开源给各位开发者,项目作者也称,从本次更新后,ckplayer 将一直保持开源的状态进行后续的更新。

项目名称:ckplayer

项目作者:niandeng

开源许可协议:MIT

项目地址:https://gitee.com/niandeng/ckplayer

项目简介

本项目用于在网页端播放视频,支持mp4、flv、m3u8及 rtmp 协议的直播,支持移动端和 PC 端。

项目架构

软件分为两部分:

1.JavaScript 构建支持 HTML5 环境的播放器

2.ActionScript3.0 构建支持 IE9 以前支持 flashplayer 环境的播放器

项目特点

安装方法

安装ckplayer很简单,因为ckplayer只是几个文件,将ckplayer文件夹放置在网站目录里即可使用,没有安装过程。

ckplayer是独立的组件,不需要依赖任何其它js插件,在需要调用播放器的页面使用如下代码即可进行播放。

<script type="text/javascript" src="ckplayer/ckplayer.js" charset="utf-8" data-name="ckplayer"></script><div class="video" style="width: 600px;height: 400px;">播放器容器</div><script type="text/javascript"> //定义一个变量:videoObject,用来做为视频初始化配置 var videoObject = { container: '.video', //“#”代表容器的ID,“.”或“”代表容器的class variable: 'player', //播放函数名称,该属性必需设置,值等于下面的new ckplayer()的对象 video: 'http://ckplayer-video.oss-cn-shanghai.aliyuncs.com/sample-mp4/05cacb4e02f9d9e.mp4'//视频地址 }; var player = new ckplayer(videoObject);//初始化播放器</script>

项目演示

如果你想了解更多 ckplayer 的代码细节和部署方式,那么就点击后面的链接去项目主页看看吧:https://gitee.com/niandeng/ckplayer

关键词:王牌,视频,岁月

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭