AmplitudeJS –最新のオープンソースHTML5オーディオプレーヤー

AmplitudeJS は、最新のWebユーザー向けのオープンソースのクロスプラットフォーム音楽プレーヤーです。事実上すべてのウェブブラウザで、美しくミニマリストで直感的なインターフェースを備えています。

振幅を使用 、カスタムデザインとレイアウトを備えた独自のオーディオプレーヤーを構築できます。曲はメインのAmplitude.init()を介して追加されます JSON形式のメソッド。以下のcodepenで3曲を使った方法をご覧ください：

Amplitude.init({
		"songs": [
			{
				"name": "Song Name 1",
				"artist": "Artist Name",
				"album": "Album Name",
				"url": "/song/url.mp3",
				"cover_art_url": "/cover/art/url.jpg"
			},
			{
				"name": "Song Name 2",
				"artist": "Artist Name",
				"album": "Album Name",
				"url": "/song/url.mp3",
				"cover_art_url": "/cover/art/url.jpg"
			},
			{
				"name": "Song Name 3",
				"artist": "Artist Name",
				"album": "Album Name",
				"url": "/song/url.mp3",
				"cover_art_url": "/cover/art/url.jpg"
			}
		]
	});

AmplitudeJSを使用 、購読しているすべてのコースのリストを表示できます。

AmplitudeJSの機能

• フリーウェア： AmplitudeJS 誰でも無料でダウンロードして使用できます。
• オープンソース： AmplitudeJS はMITライセンスの下でリリースされており、GitHubでそのソースコードに貢献できます。
• クロスプラットフォーム： HTML5はすべてのオペレーティングシステムのブラウザで実行されるため、 AmplitudeJSの使用にほとんど制限はありません。 。
• 完全に独立したライブラリ（jQueryは必要ありません）。
• CDNまたは単一コマンドのインストールで利用可能：npm install --save amplitudejs 。
• JSONを使用して曲のデータを読み込みます。
• SoundCloudのネイティブサポート。
• 再生/一時停止、停止、繰り返し、次の曲、前の曲、シャッフルを含むすべてのイベントに対して100％のコールバック機能。
• よくまとめられたオンラインドキュメントで、その使用法も学ぶことができます。
• 高度なUX（ユーザーエクスペリエンス）のためのJavaScriptキーバインディング。
• 完全にバニラJavaScriptで記述されています（jQueryは必要ありません）。
• 9kb圧縮。
• 無制限のプレイリスト。
• ページを更新する必要はありません。
• ライブストリームをサポートします。
• ソフトタッチのサポートとモバイルデバイスとの互換性。
• 1ページで複数のプレイリストをサポートします。
• 曲のメタデータを表示します。
• 完全にカスタマイズ可能（表示される各要素まで）。
• 直感的でミニマリストなUIの両方。

上記の機能の例はこちらでご覧いただけます。

私の意見では、これは最も軽量で美しく、ミニマリストのWeb音楽プレーヤーです。使用するためにオンラインである必要はありません。ただし、JSONを記述できる必要があります。

GitHubでAmplitudeJSをダウンロード

AmplitudeJS あなたのタイプの音楽プレーヤー？以下のコメントセクションでご意見をお聞かせください。途中でアプリの提案をお寄せください。