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

訂閱我們的飼料,以保持最新

新!跟隨我們,你想要它


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的