HTML5でのWinAMP 2.9と完全なスキンサポートを備えたJavaScriptの再実装。 TechCrunch、Motherboard、Gizmodo、Hacker News(1、2、3、4)などで見られるように。
機能の図解リストについては、このTwitterスレッドをご覧ください。 Edge、Firefox、Safari、Chromeのモダンバージョンで作業しています。 IEはサポートされていません。
Webampをページに追加する最も最小限の例を次に示します。
<div id = "app"> </div> <script src = "https://unpkg.com/webamp"> </script> <script> const app = document.getElementById( "app")const webamp = new webamp(); webamp.RenderWhenReady(app); </script>
オーディオファイルを追加する方法など、その他の例については、 examples/
ディレクトリとAPIドキュメントをご覧ください。
WebAmpはモノレポアプローチを使用するため、Webamp NPMモジュールに加えて、このリポジトリには、いくつかの密接に関連するプロジェクトのコードと、スタンドアロンモジュールとして公開されているWebampの一部が含まれています。
packages/webamp
:webamp npmモジュール
packages/webamp/demo
に住んでいるデモサイト
packages/ani-cursor
:アニメーション化された.ani
カーソルをCSSアニメーションとしてレンダリングするためのNPMモジュール
packages/skin-database
:Twitterボットを実行するhttps://skins.webamp.orgのサーバーコンポーネントと、コミュニティチャット用のDiscordボット
packages/skin-museum-client
:https://skins.webamp.orgのフロントエンドコンポーネント。
packages/winamp-eqf
:winampイコライザープリセットファイル( .eqf
)を解析および構築するためのNPMモジュール
packages/archive-org-webamp-integration-tests
のWebAmp統合が期待どおりに機能していることを確認する統合
packages/webamp-modern
:ブラウザで「モダンな」ウィンアプスキンをレンダリングするプロトタイプ
examples
:NPMモジュールの使用方法を示すいくつかの例
Discordでコミュニティチャットに参加してください:https://discord.gg/fbtdmqr
関連するコミュニティ:
WinAMP Community Update Pack-「WinAMPに追加機能を追加する新しいプラグインと交換用プラグインが、WinAMPにネイティブに含まれるプラグインのいくつかのより良い実装を提供する」。 (フォーラム /ディスコードサーバー)
Webampを使用したWebサイトの不完全なリスト:
インターネットアーカイブ - インターネットアーカイブを使用すると、WinAMPスキンをプレビューし、WebAmpを使用してオーディオトラックを聴くことができます
winampify.io-webampを使用したオンラインSpotifyクライアント
Webampデスクトップ - Webampの電子アプリバージョン
98.js.org -JavascriptのWindows98クローン(Github)
winxp.now.sh-反応を備えたJavaScriptのWindowsXPクローン(Github)
アンディのデスクをお試しください - 風変わりな窓をテーマにしたデスクトップ体験。
www.dkdomino.zone-誰かの個人的な音楽プレーヤー
Butterchurn、驚くべきMilkDrop 2 WebGL実装。 JbergによるWebampに構築され統合されています
研究と機能のプロトタイピング:@Paez
ベータフィードバック、多くの小さなUIの矛盾をキャッチする:Luigihann
曖昧な勝利の質問に対するベータフィードバックとインサイダーの回答:ダレンオーウェン
webamp
NPMモジュール名の寄付:Dave Eddy
Justin FrankelとNullsoftのみんなに、私たちの多くを刺激してくれたWinampに感謝します。
WinAMP名、インターフェイス、およびサンプルオーディオファイルは確実にNullSoftのプロパティですが、このプロジェクト内のコードはMITライセンスの下でリリースされます。そうは言っても、このコードで何か面白いことをしたら、私に知らせてください。見たいです。