本人制作的新的MPlayer播放器前端--JPlayer--

呵呵,几个月没有来这里了,不是因为人懒了,是因为实在是太忙了。 首先忙实验室的项目,要出差,很累很辛苦;然后,要发自己的小论文了,因为再不发就真的很晚了,这个学期的奖学金,就是因为小论文还没有发,所以没有拿到,郁闷啊,更郁闷的上,之后又评什么优秀研究生,又是因为小论文没有发,又拿不到。 再接着,就是做手机软件的事情比较忙了,之前做的Clocker很受大家的欢迎,于是又着手做了个MPlayer的播放器前端,我自己给这个播放器前端起名叫JPlayer,因为我网上的昵称叫JetJoe。 JPlayer使MPlayer的功能大大的发挥了出来,教之前的播放器相比,有了如下的功能: 播放列表:能选择添加文件或者目录,删除或者添加列表项; 图像均衡器:能够调节亮度,对比度,饱和度和播放速度; 按键控制:完美的按键控制,播放过程尽在掌握,能够用耳机上的按钮实现“上一首”、“下一首”,更可以在锁屏后屏幕不亮的情况下进行控制; 改进的音质:打开声音“触觉”功能,令音质更加完美; MP3信息显示:完备地显示MP3的标题、歌手、专辑、年份、轨道、流派、注释等信息。 呵呵,现在这个播放器已经在两大论坛上发布了,大家可以上两个论坛的E680i专区去看看: www.a780.net club.ccmove.com 当然这个播放器还不够完善,所以之后的工作会加入一下功能: 歌词显示功能:这个是很多朋友都希望看到的 更换皮肤:这个应该是要加的,电脑上稍微讲究面子一点的播放器都会有这个功能的 至于其他的就再说了。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
好的,我可以为您提供一些思路和方法。 首先,您需要选择一个音乐播放器的库或框架。一些常见的选择包括: 1. Howler.js: 一个现代 Web Audio JavaScript 库,可用于流畅的音频体验。 2. Wavesurfer.js: 一个用于音频可视化和波形图的 JavaScript 库。 3. MediaElement.js: 一个 HTML5 视频和音频播放器,支持自定义皮肤和扩展。 4. jPlayer: 一个用于创建音频和视频播放器的 jQuery 插件。 一旦您选择了一个库或框架,您可以开始编写代码来创建您的音乐播放器界面。以下是一个简单的示例: ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>音乐播放器</title> </head> <body> <div id="player"> <audio src="song.mp3"></audio> <button id="play">播放</button> <button id="pause">暂停</button> <button id="stop">停止</button> <input id="volume" type="range" min="0" max="1" step="0.01" value="1"> </div> <script src="howler.min.js"></script> <script> var sound = new Howl({ src: ['song.mp3'] }); document.getElementById('play').addEventListener('click', function() { sound.play(); }); document.getElementById('pause').addEventListener('click', function() { sound.pause(); }); document.getElementById('stop').addEventListener('click', function() { sound.stop(); }); document.getElementById('volume').addEventListener('change', function() { sound.volume(this.value); }); </script> </body> </html> ``` 在这个示例中,我们使用了 Howler.js 库。我们创建了一个包含音频标签、播放、暂停、停止按钮和音量滑块的 div 元素。我们还在页面底部引入了 Howler.js 库,并使用 JavaScript 代码创建了 Howl 对象,然后将其绑定到按钮和滑块元素的事件上。 您可以根据自己的需要对此进行修改和扩展。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值