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へ

@ja1wws日付まで滞在するために私達のフィードを購読する!

新しい!あなたがそれを望むように私たちに従ってください!


ZoomSounds - neat HTML5 Audio Player - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

オーディオプレーヤーイントロ

あなたのサイトのための気の利いた、最先端の、網膜準備、応答HTML5オーディオプレーヤーをしたいですか? ZoomSoundsは完璧な候補です。 すべてのブランドに合わせて3スキン、機能するために必要な1つのフォーマットのみ、ZoomSoundsと

新 - プレイリスト付き

新 - WPバージョン

オーディオプレーヤーの機能

  • HTML5の技術 -このギャラリーはあなたのクライアントに経 ​​験する前に見たことがないを提供するために、最新のHTML5 tehniquesを使用しています
  • 完全には応答 -モバイルからHDに素晴らしく見えます
  • フラッシュのバックアップ - IE7とIE8は、HTML5をサポートしていませんが、それらのユーザーがforgettenされていない、音はフラッシュプレーヤーを経由して、あまりにも彼らのために再生されます
  • 1つの必須フォーマット -ハードの部分は、簡単に体験編集を持っているユーザのために、プレーヤーのスクリプトによって行われます-唯一のmp3が必要です
  • タッチに最適化 -タッチデバイスを忘れていません
  • あらゆるニーズのために- 5スキン
  • 3スキン -すべてのブランドに合わせて3つの完全なスキン
  • CSS3の技術 -このプレーヤーは最先端CSS3定義を使用しています
  • 購入を、zipファイルをダウンロードし、ドキュメントを読んで- 簡単なインストール
  • iPhone / iPadの最適化 -このギャラリーは、Appleのタッチデバイス用に最適化されています
  • Androidの最適化 -このコンポーネントは、Android 4.0上でテストされ、素晴らしい機能してきました
  • パワード開発者/ SASS -このコンポーネントのCSSは、SASSユーザーがスキンを変更する簡単な時間を持つことを意味するSASSの上に構築されています。 非SASSのユーザーにとっては、どちらかの問題ありません(SASSによって生成された)CSSファイルが提供されているので、
  • YouTubeの演劇 - YouTubeのオーディオストリーム
  • SoundCloudがから再生 - APIキーとSoundCloudがオーディオストリーム
  • スキン可能100%のCSS -スキンに若干の変更をしたいですか? スキンはCSSから100%に構築され、CSSの知識を編集することは非常に簡単です
  • SEOフレンドリーは -地面から心に検索エンジン最適化で構築された、お客様の声ローテータは、ウィジェットを構築するために非隠された有効なHTMLマークアップを使用しています
  • IE7からIE10、クロム、SafariやFirefoxのと互換性- IEを含むすべての主要なブラウザとの互換性

モバイルに最適化

あまりにものため、携帯電話に滑らか
ハードウェアアクセラレーション。 アンドロイド4.4以降クローム
そして、iOSは、スムーズな配信testedto
経験

ビデオを見る

オーディオプレーヤーのアップデート

UPDATE 2.01 [2015年9月7日]
  • [FIX]、様々な修正
UPDATE 2.00 [2015年1月20日]
  • [ADD]皮膚-ARIA追加
  • [ADD]メニューの移動にオプションをenable_easing追加
  • [ADD]再生のためのGoogleアナリティクスイベントを追加しました
  • プレイヤー(+ API呼び出し)に曲を変更するためのオプションを[ADD]
  • [ADD]ギャラリー皮膚 - 皮膚デフォルトまたは皮膚波
  • [TWEAK]は絶対から相対に肌波モード滑らかなレイアウトを変更しました
UPDATE 1.62 [2014年7月3日]
  • [FIX] autoplayNextは上に自動再​​生を強制的に
UPDATE 1.50 [2014年4月2日]
  • [ADD]皮膚プロ
  • [TWEAK]更新プレビュー
  • [FIX] Safariでいくつかのバグ
UPDATE 1.40 [2014年1月15日]
  • スクラブヘッドが上にあるときにコメントが表示されることが今[ADD]
  • [ADD]皮膚justthumbandbutton
  • ボトムモードに新しいスティックを[ADD]
  • 肌波のための新しいスリックモードを[ADD]
  • [TWEAK]更新プレビュー
  • [FIX]いくつかのバグ
UPDATE 1.10 [2013年6月6日]
  • 波形のすべての新しいフラッシュ・ジェネレータを[追加] [古いHTML5は、いくつかの互換性の問題を持っていました]
  • [修正]互換性の問題

オーディオプレーヤーその他の機能

完全にカスタマイズ可能。
あなたはscrubbar、ボリュームコントロール、フルスクリーンコントロールのサムネイルなどを無効にすることができます。 あなたは、CSSを介してすべての色をカスタマイズすることができます。 左側のプレイヤーは、プレイヤーの第二の皮膚を使用しています。 最初の皮膚は上部の音波の皮です。
網膜レディ。
各スキンは完全には応答と網膜準備ができています。 ワオ。 プレイヤー自身がすべての主要なブラウザは、Firefox、Chromeの、オペラ、サファリ、IE7-10上でテストされています。 そして、iOSとAndroidのモバイルプラットフォーム向けに最適化。
最小限のプレーヤー。
時にはよりは少なく、このプレーヤーは、すべてのシナリオがカバーしています。 これは右にプレイヤーの第三の皮膚、(あなたは余白をクリックした場合)でも、スクラブコントロールを持つ最小限の実装を表現したものです。
1つのフォーマットのみ。
今日のHTML5オーディオプレーヤーはさまざまなオーディオフォーマットで世界を必要とします。 ではなく、この1。 唯一のmp3が必要であり、oggのはオプションです。
スマート。
あなたが望むように、あなたは、ページ上のように多くの選手を配置することができます。 他のプレイヤーがプレイしているとあなたは別のものをクリックすると、他のプレイヤーがちょうどここにしようと、再生を停止します。
複数のソース。
セルフホストされたオーディオは、あなたの唯一の選択肢ではありません。 また、* YouTubeやSoundCloudが、あるいはShoutcastはラジオ局からのストリームを再生することができます

*(Shoutcastはのために) -ストリームは、オーディオ/ mpegのある場合は、最初に確認する必要があります。 のは、例えば、見てみましょうhttp://streamplus40.leonex.de:41364/ifあなたは、そのコンテンツタイプが表示されますブラウザでこれを開く:オーディオ/ mpegの
波形ジェネレータ

波形を生成するための少なくとも3つの方法が存在します

  • あなたは、色、乗数を変更locatinonなど/フラッシュベースの追跡することができている - 管理パネル(waveformgenerator.php)で波形を生成
  • フォルダ(wavegeneratorfromdir.php)内のすべてのMP3ファイルの波形を生成/フラッシュベース
  • 静的(waveform.html) - - wavesbg.pngするsong.mp3とwavesprog.pngための波形を生成しますが、異なる色のためにそのHTMLを編集することができ、名前/フラッシュベース
  • waveformgenerator_html /ベースのHTML5の波形発生器/ HTML5を使用するため、私は現時点ではこの機能をサポートしていません。

最初の二つの方法のためのプレゼンテーション- https://youtu.be/WrTSB54oTkI

ノート

  • トラックと画像は、ダウンロードパッケージに含まれていません。
  • コメントシステムを使用するために、あなたは、PHPのサーバーが必要になります
  • ユーチューブが原因プラットフォームの制限にiDevicesのオーディオとしてではなく、ビデオのように動作しません。
  • 波形は、オーディオプレーヤーによってが、ダウンロードパッケージに含まれるツールによって自動生成ではありません静的なイメージです。 完全な手順はこれを行う方法で提供し、ディレクトリ内のすべてのトラックを持っている場合には、ほぼ自動トラックごとに10秒仕事ですされています。

よくある質問

小さいプレイヤー(あなたのデモページの右側の円形プレーヤー)で、私は全体のプレイヤーを大きくすることができるようにしたいと思います。 代わりに100ピクセル/ 100ピクセルの私は500pxなど/ 500pxなどをしたいと思います。 私はこれをどこで変更するには? 私はキャンバスを編集したが、それは小さくてしまいました!
ただ、コードのこの部分に100幅と100の高さを編集して、あなたは大丈夫されるべきである(ライン〜377)
 。_conPlayPause.children( '。playbtn')追加( '<キャンバスの幅= "100"高さ= "100"クラス= "playbtn-キャンバス" />'); 。skin_minimal_canvasplay = _conPlayPause.find( '。playbtn-キャンバス')EQ(0).get(0); 。_conPlayPause.children( '。pausebtn')追加( '<キャンバスの幅= "100"高さ= "100"クラス= "pausebtn-キャンバス" />'); 
これは、/ <オーディオ>タグにこのバインドを行うことができますか?
オーディオタグにバインドする方法はありません

それは、それ自身によってオーディオタグを作成します。

私はフォーマットがかなり簡単だと思います

 <divのid = "apsimple"クラス= "audioplayer-砥部"スタイル= "幅:100%;マージントップ:0;" データ-videotitle = "オーディオビデオ"データ型= "ノーマル"データソース= "./音/ adg3.mp3"> <divのクラスは=「メタアーティスト "> <スパンクラス="-アーティスト ">ティム・マクモリス</ span>の - それは、</ div>の美しい日です </ DIV> <スクリプト> jQueryの(ドキュメント).ready(関数($){ dzsap_init(「#のapsimple "、{ 自動再生: "オフ" }); }); </スクリプト> 
MPEGファイル形式音声のみを受け入れるようにする方法はありますか?

あなたは上記の例のようなストリームとしてのみ.MP3を持つことができ、それがサポートされていないブラウザ用のFlashのバックアップを使用します

クレジット

他の素晴らしい製品


ダウンロードしてください
このカテゴリー内の他のコンポーネントこの著者のすべてのコンポーネント
コメントよくある質問と回答を求めた

プロパティ

作成した:
4月15日13

最後の更新:
3月19日16

高解像度:
はい

互換性のあるブラウザ:
IE7、IE8、IE9、IE10、IE11、Firefoxの、サファリ、オペラ、クローム

含まれるファイル:
JavaScriptのJS、HTML、CSS

ソフトウェアバージョン:
HTML5

キーワード

eコマース, eコマース, 全商品, オーディオ, オーディオプレーヤー, キャンバス, CSS3, カスタマイズ可能な, HTML5, jqueryの, メディア, 最小限の, プレーヤー, 歌, Soundcloud, 音, 波, ユーチューブ