阶段2:拆分为 ES Module + Rollup 构建,重写 README

- src/ 下拆分为入口/语言包/默认配置/主函数/工具模块,主函数整体搬入零改动
- rollup 打包 UMD(moeplayer.js + moeplayer.min.js),用户使用方式不变
- 库拷贝逻辑移至 scripts/copy-libs.js
- README 重写:中文文档、快速开始、路线图、致谢原作者
- index.html 增加皮肤切换演示(默认/红色/西瓜)
This commit is contained in:
王阳
2026-07-21 11:16:25 +08:00
parent 5609532c80
commit 159603341e
19 changed files with 15507 additions and 7406 deletions
+11 -1
View File
@@ -3,7 +3,7 @@
<head>
<meta charset="UTF-8">
<title>MoePlayer</title>
<link type="text/css" rel="stylesheet" href="moeplayer/css/moeplayer.css" />
<link id="skin" type="text/css" rel="stylesheet" href="moeplayer/css/moeplayer.css" />
<!--
如果需要使用其它语言,请在此处引入相应的js,比如:<script type="text/javascript" src="moeplayer/language/en.js" charset="UTF-8"></script>
-->
@@ -44,12 +44,22 @@
player.ended(function(){
document.getElementById('state').innerHTML='监听到播放结束';
});
//皮肤切换:替换引入的CSS文件
function changeSkin(css){
document.getElementById('skin').href='moeplayer/css/'+css;
}
</script>
<p>以下链接指向原 ckplayer 项目:</p>
<p>官网:<a href="https://www.ckplayer.com" target="_blank">www.ckplayer.com</a></p>
<p>手册:<a href="https://www.ckplayer.com/manual/" target="_blank">www.ckplayer.com/manual/</a></p>
<p>社区:<a href="https://bbs.ckplayer.com/" target="_blank">bbs.ckplayer.com</a></p>
<p>全功能演示:<a href="https://www.ckplayer.com/demo.html" target="_blank">www.ckplayer.com/demo.html</a></p>
<p>皮肤切换:</p>
<p>
<button type="button" onclick="changeSkin('moeplayer.css')">默认</button>
<button type="button" onclick="changeSkin('moeplayer.red.css')">红色</button>
<button type="button" onclick="changeSkin('moeplayer.ixigua.css')">西瓜</button>
</p>
<p>控制示例:</p>
<p>
<button type="button" onclick="player.play()" >播放</button>