`

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

jQuery 
阅读更多

日期：2012-7-31  来源：GBin1.com

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

在线演示  本地下载

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

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

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

.........

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

分享到：
| 分享一个CSS3的网格系统架构 - ResponsiveA ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    老式卡带机风格的HTML5 网页音乐播放器 带有快进 快退功能

    本项目就是一个以“老式卡带机”为主题的HTML5网页音乐播放器，它将复古的卡带机外观与现代的Web技术相结合，实现了快进、快退等实用功能，让用户在享受音乐的同时也能感受到怀旧的气息。 首先，我们要理解HTML5在...

    卡带播放器

    综合这些信息，我们可以理解为这个项目可能是一个在线的、复古风格的卡带播放器模拟器，用户可以通过它体验到类似于真实卡带播放器的操作感，同时享受数字化的音乐资源。这样的项目结合了现代技术和怀旧情感，为用户...

    一款老式的flash播放器

    这是一款老的播放器，但可以打开所有的动画，是不错的选择，所以推荐。

    20个HTML5&CSS3超酷应用

    "HTML5播放器神话 卡带式古典播放器"则利用HTML5的Audio API和自定义元素，构建了一款模拟老式卡带播放器的音乐播放器。它可能包括音量控制、播放/暂停按钮、进度条等功能，并通过Canvas绘制出逼真的卡带外观，提供...

    网页视频播放器HTML5

    Video.js是一个流行的开源HTML5视频播放器框架，它提供了一套完整的API和自定义选项，可以实现视频的播放、暂停、进度控制、字幕显示等功能。未压缩的`video.js`便于开发时阅读和理解，而`video.min.js`则是优化过的...

    老式缝纫机维修节选.doc

    2. 线迹的形成过程：缝纫机线迹的形成是一个复杂的过程，涉及到上线和下线的交织。通过三张图解，我们可以看到线如何通过针眼进入面料，与底线交织形成牢固的线迹。这个过程需要正确设置线张力和针距，以确保线迹的...

    100多个网页音乐播放器源码（下）.rar.rar

    本压缩包"100多个网页音乐播放器源码（下）.rar.rar"中包含了多种不同的网页音乐播放器的源代码，这将是一个极好的学习资源，特别是对于想要提升前端开发技能，特别是音乐播放器开发的开发者。 首先，我们需要理解...

    h5视频播放器支持多种视频流

    从压缩包文件名称“jessibuca-demo-master”来看，可能包含的是一个名为Jessibuca的HTML5视频播放器的示例代码库。Jessibuca可能是开源项目，"master"分支通常代表项目的主分支，包含最新和最稳定的代码。这个库可能...

    网页音乐播放器

    "flash qoyguq12"可能是指包含一个Flash版本的网页音乐播放器的文件，其中"qoyguq12"可能是该播放器的一个特定版本或者项目代码。 在网页音乐播放器中，主要涉及以下几个关键知识点： 1. **HTML5 Audio API**: ...

    方形的酷黑Flash音乐播放器带xml、支持歌手头像

    【Flash音乐播放器详解】 Flash音乐播放器是一种基于Adobe Flash技术的在线音频播放解决方案，它在...尽管Flash已逐渐被HTML5取代，但在某些场景下，如需要跨平台兼容或丰富的动画效果时，它仍然是一个有价值的选择。

    10 款 网页播放器

    6. **MediaElement.js**：MediaElement.js是一个跨浏览器的HTML5/Flash视频和音频播放器，它以HTML5元素为标准，但在老式浏览器中使用Flash作为备用。 7. **Brightcove Player**：Brightcove Player是一款专业级的...

    jQuery实现经典的ATC老式收音机的翻滚时钟效果源码.zip

    在本资源中，我们主要关注的是使用jQuery库来实现一个模拟ATC（空中交通管制）老式收音机翻滚时钟效果的源代码。这个项目可能是为了展示如何利用JavaScript和jQuery来创建具有视觉吸引力的动态UI元素。下面将详细...

    04-Charisma传统老式网站主页HTML5源码H5源码产品官网电商网站网页源码下载.zip

    标题中的"04-Charisma传统老式网站主页HTML5源码H5源码产品官网电商网站网页源码下载.zip"表明这是一个名为"Charisma"的网页设计模板，基于HTML5技术，适用于创建传统风格的老式网站，尤其适合用作产品官网或电商...

    老式放映机背景的电影传媒PPT模板.zip

    这是一套老式放映机背景的电影传媒PPT模板，共26张； 幻灯片模板封面，使用了放映室里的老式放映机作为背景图片。另外使用了几个绿色半透明多边形装饰。 PowerPoint模板内容页，由24张绿色灰色搭配的扁平化幻灯片...

    audioplay.js下载

    《audioplay.js与HTML5 Audio标签的跨平台解决方案》 在现代网页开发中，音频播放功能是不可或缺的一部分，HTML5的...对于那些需要在网页中实现复杂音频功能的开发者来说，`audioplay.js`无疑是一个值得信赖的工具。

    bbs论坛（老式版）Html.rar

    提供了一个了解HTML基础和BBS论坛结构的实例，对于学习HTML的初学者或者需要做相关项目作业的人来说，这是一个很好的学习资源。通过分析这个案例，你可以深入理解HTML如何构建一个交互式的论坛界面，并为今后与PHP或...

    效果超棒的Webgl模型-老式照片机2

    "效果超棒的Webgl模型-老式照片机2"是一个利用WebGL技术制作的高质量3D模型，它呈现了一台复古的老式照片机，为网页添加了深度和真实感。 WebGL的基础是OpenGL ES 2.0，这是一种用于嵌入式设备的图形库，如智能手机...

    Jquery实现视频和音频的播放效果

    压缩包中的`johndyer-mediaelement-ceeb1a7`可能是一个名为`mediaelement`的库的版本，这是一个流行的HTML5媒体播放器插件，它使用jQuery提供跨浏览器的视频和音频播放功能，包括对老式浏览器的兼容。通过这个库，你...

    效果超棒的Webgl模型-老式收音机

    这个“效果超棒的Webgl模型-老式收音机”项目，显然是一个利用WebGL技术实现的老式收音机的3D模型展示。下面将详细介绍WebGL及其相关知识点。 1. WebGL基础： WebGL是WebGL（Web Graphics Library）的简称，它允许...

    效果超棒的Webgl模型-老式战斗机

    这个“效果超棒的Webgl模型-老式战斗机”显然是一款使用WebGL技术实现的交互式3D模型，展示了老旧战斗机的精细细节和动态效果。 在WebGL中，模型通常由一系列几何形状（如点、线和多边形）组成，并通过纹理、光照和...

Magicbox
Global site tag (gtag.js) - Google Analytics