HTML5 audio 音乐播放器

最新推荐文章于 2021-06-04 16:30:48 发布

fengkuangshl

最新推荐文章于 2021-06-04 16:30:48 发布

阅读量442

点赞数

CC 4.0 BY-SA版权

文章标签： html5 audio js

本文链接：https://blog.youkuaiyun.com/fengkuangshl/article/details/84394980

本文介绍了一个基于HTML5的AudioJS播放器实现方案，主要适用于Chrome浏览器，并专注于本地音乐播放功能。文中详细展示了通过使用JavaScript及一些设计模式来创建播放器的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

闲来无事写一个基于HTML5 audio js播放器.
只针对Chrome浏览器.
用于播放本地音乐.
音乐界面部分参考别人.

到用js继承,接口,一些简单的设计模式.


// List接口
var IContainer = new Interface('IContainer', [ 'add', 'get', 'removeIndex',
		'remove', 'clear', 'size', 'isEmpty' ]);
// 实体接口
var IEntity = new Interface('IEntity', [ 'getSrc', 'getName', 'setSize' ]);
// 读取MP3接口
var IFile = new Interface('IFile', [ 'readFile' ]);
// 音频播放器接口
var IMusicPlayer = new Interface('IMusicPlayer', [ 'player', 'prvPlayer',
		'nextPlayer', 'endeding', 'stopPalyer', 'pause' ]);
//播放模式接口
var IPlayMode = new Interface('IPlayMode', [ 'getCurrnetObj', 'getPrvObj',
		'getNextObj' ,'getEndedObj'])