WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Media

ZoomSounds - neat HTML5 Audio Player

— 添加到WorldWideScripts.net

@zhcn1wws订阅我们的饲料,以保持最新

新!跟随我们,你想要它


ZoomSounds - neat HTML5 Audio Player - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

音频播放器介绍

想要一个漂亮的,前沿的,视网膜准备,响应HTML5音频为您的网站的球员? ZoomSounds是最合适的人选。 随着三个外观,以适应每一个品牌,只要求一种格式的功能,ZoomSounds

新 - 随着播放列表

新 - WP版本

音频播放器功能

  • HTML5技术 -这个画廊采用了最新的HTML5 tehniques提供一个体验之前,给您的客户从来没有见过
  • 充分响应 -看起来不错从移动到高清
  • 闪存备份 - IE7和IE8不支持HTML5,但这些用户不会忘词,声音将通过Flash播放器发挥他们太
  • 一个强制格式 -最困难的部分是由玩家脚本,以便做了用户可以很方便地体验编辑-只需要MP3
  • 触摸优化 -触摸设备并没有被遗忘
  • 5皮肤 -为每一个需要
  • 三个外观 -三个完整的皮肤,以适应每一个品牌
  • CSS3技术 -这个玩家使用尖端CSS3定义
  • 安装方便 -购买,下载的zip,阅读文档
  • iPhone / iPad的优化 -这个画廊已经为苹果触摸屏设备进行了优化
  • Android的优化 -这个组件已经过测试,在Android 4.0和作品真棒
  • 开发商/上海社会科学院供电 -该组件的CSS是建立在上海社会科学院的顶部,这意味着SASS用户将有一个简单的时间修改皮肤。 对于非SASS用户是(由上海社会科学院生成)提供没有问题,或者是因为CSS文件
  • 从YouTube播放 -流YouTube音乐
  • 从SoundCloud播放 -流的SoundCloud音频,API密钥
  • 100%的CSS更换皮肤 -想略作修改的皮肤? 皮肤是100%来自CSS建成,很容易用CSS知识编辑
  • 搜索引擎友好 -与搜索引擎优化建立在头脑从地上爬起来时,见证肩使用非隐藏有效的HTML标记来构建小部件
  • 从兼容IE7到IE10,Chrome浏览器,Safari和Firefox - 与所有主要的浏览器,包括IE兼容

移动设备优化

流畅的手机上也因
硬件加速。 的Andr​​oid 4.4+铬
和iOS testedto提供超平滑
经验

看视频

音频播放器更新

UPDATE 2.01 [2015年9月7日]
  • [修复]修复各种
UPDATE 2.00 [2015年1月20日]
  • [添加]补充皮肤-ARIA
  • [添加]添加enable_easing上的菜单选项运动
  • [添加]添加谷歌分析事件进行播放
  • [ADD]选项中的一个球员(+ API调用)改变乐曲
  • [ADD]画廊的皮肤 - 皮肤违约或皮肤波
  • [TWEAK]从绝对改变皮肤波模式华而不实布局相对
UPDATE 1.62 [2014年7月3日]
  • [修复] autoplayNext被迫自动播放功能,上
UPDATE 1.50 [2014年4月2日]
  • [添加]皮肤亲
  • [TWEAK]更新预览
  • [修复]在Safari中的一些错误
UPDATE 1.40 [2014年1月15日]
  • [ADD]现在当刷头在它的注释可以出现
  • [添加]皮肤justthumbandbutton
  • [ADD]新棒下部模式
  • [ADD]新模式,光滑皮肤波
  • [TWEAK]更新预览
  • [修复]一些bug
UPDATE 1.10 [2013年6月6日]
  • 对于波形[添加]全新闪存发电机[老HTML5有一些兼容性问题]
  • [修复]兼容性问题

音频播放功能外

完全自定义。
您可以禁用scrubbar,音量控制,全屏控制缩略图等等。 您可以通过CSS定义的所有颜色。 左侧的玩家使用玩家的第二皮肤。 第一皮肤是在顶部的声波的皮肤。
视网膜就绪。
每个皮肤是充分响应和视网膜就绪。 哇。 玩家本身对所有主要浏览器,火狐,Chrome,歌剧,Safari,IE7-10过测试。 而对于iOS和Android移动平台进行了优化。
最小的球员。
有时候多即是少,该球员已覆盖每一个场景。 这右边是播放器,最小的实现甚至有磨砂控制(如果你点击边距)的第三皮肤的代表性。
只有一种格式。
今天的HTML5音频播放器需要不同的音频格式世界。 但不是这一个。 只有MP3是必需的,OGG格式是可选的。
聪明。
如你愿意,你可以把尽可能多的玩家在页面上。 如果其他玩家玩,你点击一个不同的,其他玩家将停止播放,只是尝试在这里。
多源。
自托管的音频是不是你唯一的选择。 您也可以从YouTube或的SoundCloud,甚至Shoutcast的电台播放流媒体文件*

*(用于Shoutcast的) -你必须先检查流是音频/ MPEG。 让我们举个例子http://streamplus40.leonex.de:41364/if您在浏览器中打开这个,你会看到内容类型:音频/ MPEG
波形发生器

至少有3种方法来产生波形

  • 产生具有管理面板(waveformgenerator.php)波形 - 上,你可以改变颜色,倍频,跟踪locatinon等/闪存
  • 生成一个文件夹(wavegeneratorfromdir.php)在所有的MP3波形/基于flash
  • 生成波形Song.mp3的到wavesbg.png和wavesprog.png - 静态(waveform.html) - 您可以编辑HTML为不同的颜色,名称/基于Flash的
  • waveformgenerator_html /使用基于HTML5的波形发生器/ HTML5,我不此刻支持此

演讲前两个方法- https://youtu.be/WrTSB54oTkI

笔记

  • 轨道和图像不包括在下载包。
  • 使用的评论系统,您将需要PHP服务器
  • YouTube不会上的iDevices但作为视频音频由于平台限制工作
  • 波形是一个静态图象它不是由音频播放器自动生成的,但通过包含在下载包的工具。 提供了有关如何做到这一点的完整说明,它是为每个轨道10第二份工作,几乎是自动的,如果你有一个目录中的所有曲目。

常问问题

在较小的球员(在您的演示页面的右手边圆形的球员),我想能够使整个播放器大。 而不是100像素/ 100像素,我想500像素/ 500像素。 我在哪里可以改变呢? 我编辑的画布,但它已经小!
就在这段代码编辑100的宽度和高度100,你应该好起来(行〜377)
 。_conPlayPause.children('。playbtn')追加('<画布宽度=“100”HEIGHT =“100”级=“playbtn画布”/>'); skin_minimal_canvasplay = _conPlayPause.find('playbtn画布。')EQ(0)获得(0); 。_conPlayPause.children('。pausebtn')追加('<画布宽度=“100”HEIGHT =“100”级=“pausebtn画布”/>'); 
可这/这是否绑定到<音频>标签?
没有办法绑定到音频代码

它将由它自己创建音频标签

但是我觉得格式是相当容易

 <DIV ID =“apsimple”级=“audioplayer-砥”的风格=“宽度:100%;的margin-top:0;” 数据videotitle =“音频视频”数据类型=“正常”数据源=“./声音/ adg3.mp3”> <DIV CLASS =“荟萃艺术家”>的<span class =“的艺人”>添MCMORRIS </ SPAN> - 这是一个美丽的一天</ DIV> </ DIV> <SCRIPT> jQuery的(文件)。就绪(函数($){ dzsap_init(“#apsimple”,{ 自动播放:“关” }); }); </ SCRIPT> 
有没有办法接受MPEG文件格式的音频,只?

你只能有.MP3像上面的例子流,它会使用Flash Backup产品支持的浏览器

积分

其他真棒产品


下载
此类别中的其他组成部分这个作者的所有组件
评论常见问题和答案

属性

创建:
13年4月15日

最后更新:
16年3月19日

高分辨率:

兼容的浏览器:
IE7,IE8,IE9,IE10,IE11,火狐,Safari,歌剧,铬

包括文件:
JS的JavaScript,HTML,CSS

软件版本:
HTML5

关键字

电子商务, 电子商务, 所有项目, 音频, 音频播放器, 帆布, CSS3, 定制, HTML5, jQuery的, 媒体, 最小, 播放机, 歌曲, 的SoundCloud, 声音, 波, YouTube的