一个老式卡带机风格的HTML5 Audio播放器实现

时间: 2012-08-14 / 分类: 综合技能 / 浏览次数: 1,287 views / 7个评论 发表评论

如果你不知道什么是卡带机的话,恭喜你,你真的非常太年轻,作为八,九十年代播放音乐必备的设备,对于我们这些70,80后的朋友来说会感觉非常情切。那个年代拥有一个sony的随声听绝对是很拉风的一件事情。

在今天我们这篇HTML5文章分享中,我们将要介绍来自tympanus的一个老式卡带机风格的HTML5音频播放器,绝对能够让你重温一下过去的生活方式。相信你会觉得既亲切又震撼,

分享一个老式卡带机风格的HTML5 Audio播放器实现

在线演示                本地下载

请大家记住这只是一个实验性质的HTML5实现,可能会有很多bug,但是提供了老式卡带机的几乎所有功能,包括,播放,停止,快进,快退等等,还有最重要的切换磁带A,B面。是不是你都忘记了?希望大家喜欢!

卡带界面来自于Mauricio Estrella的超棒PSD,你可以在这里找到:Cassette – PSD File by Mauricio Estrella

音量旋钮插件来自于:KnobKnob jQuery plugin by Martin Angelov

为了符合卡带机时代的背景,我们使用了“老朋友”这首歌,希望能够带给你年轻时的回忆。希望大家喜欢!Enjoy Life and Technology!

 你可以下载到本地,很赞的!!!!!

来源:分享一个老式卡带机风格的HTML5 Audio播放器实现



.

*******************************************************************

上面是广告! 真的是广告!! 真的真的啊!!!

    • 你点本文图片下面的“在线演示”,会跳转到一个页面,在那个页面就有像卡带机那样的播放器,点击相应的按钮就行了

-----------------------------------------------------Copyright © 2011-2012--浙ICP备12011997---------------------------- ---------------------- ------------------------

无觅相关文章插件,快速提升流量