遨游死神文章列表

超酷网页视频播放器ckplayerX3

ckplayer是一款在网页上播放视频的软件,基于javascript和css,其特点是开源,功能强大,不依赖其它插件,二次开发简单方便。

演示 https://www.ckplayer.com/demo.html

手册 https://www.ckplayer.com/manual/

官网 https://www.ckplayer.com/

这软件居然开源咯 好多年没去关注了

晨风音乐播放器CMP4 b120729

CMP是一款免费的在线Flash音乐播放器,致力于提供最佳在线音乐播放解决方案。支持的音频视频格式主要有MP3,FLV,MP4,并可以通过网页JS接口实现WMP(Windows Media Player)所支持的格式播放,如wma等。主要功能特色有列表式播放(自定义音乐专辑和列表),MP3可视化效果(声音频谱),同步歌词(默认支持lrc歌词以及kmc卡拉ok歌词),高清视频和在线直播(h264/rtmp),自定义皮肤,加载各种插件等等,CMP4支持api的调用,可让用户实现更多自定义功能。

为什么在web环境中采用基于flash的播放器优于wmp?
因为wmp是IE+Windows Only,很显然这已经不再符合现在的网络发展趋势。而flash具有很强的跨平台能力,基本支持所有PC操作系统(win/linux/mac)和浏览器(IE/FireFox/Chrome/Opera/Safari等),这样才能使你网站的播放器具有更广泛的兼容性。当前,flash已经是使用最多的网络媒体播放软件,所以web环境中(BS)采用基于flash的播放器无疑是最佳选择。

PS:作者似乎很久没上他的论坛了,以后可能会发开新一代,也靠大家开发了,还有最新流行的ckplayer其实也是js 代码及该页面风格均借鉴于CMP!
有兴趣的可以研究下!
cmp4b120729.zip

CSS颜色渐变的代码

*{
        padding:0px;
        margin:0px;

        }
        
#d1
{
        width:300px;
        height:200px;
        border:solid 1px red;
        /*颜色渐变  color是表示在0.4百分比的位置加颜色渐变色标,其他的自己读懂它*/
        background:-webkit-gradient(linear,left top, left bottom,from(blue),to(red),color-stop(0.4,#fff));
        }
        
#d2
{
        width:300px;
        height:200px;
        border:solid 1px red;
        /*颜色渐变 圆的渐变  同样也可以加色标*/
        background:-webkit-gradient(radial,center center, 0,center center,200,from(blue),to(red));
        }
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>练习</title>
<link href ="demo.css" type="text/css" rel="stylesheet" />

</head>

<body>
<div id="d1"></div>
<div id="d2"></div>
</body>
</html>