2012-04-22

CKplayer 简易封装及使用手册

3+

关于封装的 js 调用

出于个人的爱好,喜欢把事情简单化,所以做了这个 js 文件,方便在页面中多次调用,参数更简单更易用。顺便制作了个简易的使用手册,希望有助于大家使用CKplayer,也算是自己作为受益者对作者的辛苦劳动成果的小小奉献吧。
看看左边的调用示例吧,相信很快就能上手应用。需要采用官方的方式调用请到右上角官方网站去下载后研究。
注:js 代码及该页面风格均借鉴于CMP,在此感谢!

调用示例:

C.K({f:"mp4.mp4"});

CKplayer 在线使用手册及演示

在线手册: 点击查看
最新下载: CKplayer 5.7 (含封装好的js及调用示例)

CKplayer 简介

推荐一款非常优秀的免费FLV网页播放器:CKplayer,支持flv格式,高清f4v,mp4视频,以及rtmp协议视频流,支持视频前置广告、暂停广告、滚动字幕广告,支持自定义皮肤,而且只有小小不到30的体积哦。
PS:还在找支持广告又小巧的全能网页视频播放器吗?还在为JW Player那100多K庞大的发愁吗?还在为某些付款网页播放器犯难吗?想要打造完全属于自己风格的网页播放器?那试试这款CKplayer超酷flv网页播放器吧,真的很好用。

CKplayer 播放器介绍

1、全面支持H.264格式的flv,f4v,mp4主流视频格式,支持实时拖动进度条(需服务器设置好);
2、支持rtmp协议视频流;
3、支持rtmp协议下的视频回放 ;
4、你可以自己定义播放器风格,包括各按钮的样式和位置:如定义开始/暂停按钮,显示已播放时间/总时间,静音/取消静音按钮,音量调节,全屏/取消全屏按钮,进度条,视频等的大小和位置以及图片样式,各种提示文本;
5、支持JS互动,用户进行各项操作(如调节音量,开始/暂停,静音/取消静音,全屏/取消全屏等操作时都会返回相关状态),该功能需要手动开启;
6、支持前置广告,(支持flash,图片,视频[flv,f4v,mp4]),支持跳过广告,支持广告静音,支持自定义广告倒计时;
7、支持暂停广告,(支持flash,图片);
8、播放结束支持停止并发送js,停止和重播,或各类自定义js;
9、支持播放时视频底滚动文字广告,广告文字支持HTML代码;
10、支持使用 xml 和 js 两种方式定义风格;
11、视频调用支持四种方式调用,分别是普通,网址,xml,flash;
12、支持多段视频的无缝播放,支持多集视频的连续播放;
13、支持站外引用播放器播放,支持界面分享功能,并且可以自定义分享到任何博客或其它网站的按钮图片;
14、支持自定义图片/Flash加入播放器,即可以随心所欲个性化自己的播放器界面;
15、支持加载视频前播放自定义LOGO,让播放器看起来更像您的播放器,支持自动隐藏控制栏;
16、支持调节视频的亮度,对比度(也包括色相和饱和度),支持调节视频的长度和宽度;
17、视频加载状态提示和自定义提示文本;
18、视频加载失败后自动重新加载5次,网络慢的时候很实用哦;
19、支持自定义插件,官方提供推荐视频插件、分享插件、开关灯插件、高度/对比等视频调节插件等;
20、支持在网页中用 js 互动控制视频播放、暂停、调节亮度、快进等几乎所有的播放器功能;
21、可在风格中设置播放广告时是否显示LOGO;
等等很丰富的功能……

CKplayer 5.7 新增功能

1、改进了地址里敏感字符的替换功能(pm_repc),多个pm_repc替换符之间需要用|隔开(pm_spac),这样做的好处是不会和视频地址里已包含相同字符的有冲突;
2、新增加了按指定时间进行播放的功能和提前结束的功能,该功能的用处一是可以记录用户已播放到的时间下次打开该视频时直接从指定时间进行播放,二是可以做跳过片头和片尾的功能,二个调用值分别是s1.ckplayer_start=0;s1.ckplayer_ending=0; ckplayer.txt里对应的参数是{g->0}{j->0}。前者是开头跳过,后者是提前结束;
3、纠正了在包含端口的地址中无法访问播放器的错误;
注:新版本新增了好些参数,如果是升级,请参考增加和设置。

官方网站: http://www.ckplayer.com/
官方论坛: http://www.ckplayer.com/bbs/
QQ交流群: 3627441

附:ck.js 源码,在线手册和下载包里都有演示。

//CKplayer 5.7 简易封装js by Fufu(品味经典 fufuok.com),感谢作者捻灯(ckplayer.com)的辛勤劳动。
(function(window) {
	if(typeof window.C == "undefined") {
		window.C = (function() {
			var msie = /msie/.test(navigator.userAgent.toLowerCase()),
			merge = function(_o, o) {
				if (o && typeof o == "object") {
					for (var k in o) {
						_o[k] = o[k];
					}
				}
				return _o;
			},
			make = function(flashvars, id, width, height, params, attrs) {
				var url = 'ckplayer.57.swf';
				var varr = merge({
					v : 85,
					p : 1,
					f : "",
					i : "",
					d : "",
					u : "",
					l : "",
					r : "",
					t : 0,
					e : 3,
					a : "",
					s : 0,
					x : "ckplayer.xml",
					c : 0,
					b : "#000000",
					h : 0,
					m : 0,
					g : 0,
					j : 0,
					o : 0
				}, varr);
				if(!arguments[1]) id = "myvideo";
				if(!arguments[2]) width = "600";
				if(!arguments[3]) height = "485";
				attrs = merge({
					id : 'ck' + id,
					width : width,
					height : height
				}, attrs);
				params =  merge({
					allowfullscreen : "true",
					allowscriptaccess : "always"
				}, params);
				var vars,htm,k,arr = [];
				if (flashvars) {
					if (typeof flashvars == "object") {
						for (k in flashvars) {
							varr[k] = flashvars[k];
						}
						for (k in varr) {
							arr.push(k + "=" + encodeURIComponent(varr[k]));
						}
						if(varr['o'] > 0) {
							vars = '';
							url = varr['f'] ;
						} else {
							vars = arr.join("&");
						}
					} else {
						vars = String(flashvars);
					}
					params.flashvars = vars;
				}
				htm = '<object ';
				htm += msie ? 'classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=10,0,0,0" ' : 'type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" data="'+url+'" ';
				for (k in attrs) {
					htm += k + '="'+attrs[k]+'" ';
				}
				htm += msie ? '><param name="movie" value="'+url+'" />' : '>';
				for (k in params) {
					htm += '<param name="'+k+'" value="'+params[k]+'" />';
				}
				htm += '</object>';
				var z = document.getElementById(String(id));
				if (z) {
					z.innerHTML = htm;
				} else {
					document.write(htm);
				}
				return htm;
			};
			return {
				K : function() {
					return make.apply(this, arguments);
				}
			};
		})();
	}
})(window);

本文有 3 篇评论 ↓↓

  1. 正在使用ckplayer播放器,博主写的简易版的代码非常受用,而且使用手册非常详细,能不能问一下博主,怎么制作的使用手册,手册有后台吗?页面看起来非常舒服

    1. 你好,没有后台的,5.8后就没有再制作了,一方面是自己太忙了,再就是作者更新了官方的调用方式,几乎与简易代码调用方法一致,就没有太多必要再继续了。

      1. 谢谢 博主,会继续关注博主的博客的。