Повторная переосмысление Winamp 2.9 в HTML5 и JavaScript с полной поддержкой кожи. Как видно на TechCrunch, Motherboard, Gizmodo, Hacker News (1, 2, 3, 4) и в других местах.
Проверьте эту ветку Twitter для иллюстрированного списка функций. Работает в современных версиях Edge, Firefox, Safari и Chrome. Т.е. не поддерживается.
Вот самый минимальный пример добавления 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 использует подход Monorepo, поэтому в дополнение к модулю NPM Webamp, этот репозиторий содержит код для нескольких тесно связанных проектов и некоторых частей Webamp, которые опубликованы в виде автономных модулей:
packages/webamp
: модуль Webamp NPM
packages/webamp/demo
: демонстрационный сайт, который живет на webamp.org
packages/ani-cursor
: модуль NPM для рендеринга .ani
курсоров в качестве анимации CSS
packages/skin-database
: серверный компонент https://skins.webamp.org, который также запускает нашего бота в Твиттере, и бот дискордов для нашего сообщества чат
packages/skin-museum-client
: передний компонент https://skins.webamp.org.
packages/winamp-eqf
: модуль NPM для анализа и создания предварительных файлов Winamp Evalizer ( .eqf
)
packages/archive-org-webamp-integration-tests
: интеграция, которая подтверждает, что интеграция Webamp Archive.org работает, как и ожидалось, как и ожидалось
packages/webamp-modern
: прототип, исследующий «современные» шкуры Winamp в браузере
examples
: несколько примеров, показывающих, как использовать модуль NPM
Присоединяйтесь к нашему сообществу по чату на Discord: https://discord.gg/fbtdmqr
Связанные коммуниты:
Winamp Community Update Pack-«Новые плагины для добавления дополнительных функций в Winamp, а также замены плагины, чтобы обеспечить лучшие реализации некоторых плагинов, включенных в Winamp». (Forum / Discord Server)
Неполный список веб -сайтов с использованием WebAmp:
Интернет -архив - Интернет -архив позволяет вам предварительно просмотреть шкуры Winamp и слушать звуковые дорожки с помощью WebAmp
Winampify.io - онлайн -клиент Spotify с использованием webamp
Webamp Desktop - версия Webamp Electron App
98.js.org - клон Windows 98 в JavaScript (GitHub)
winxp.now.sh - клон Windows XP в JavaScript с React (GitHub)
Попробуйте стол Энди - причудливый опыт работы на рабочем столе.
www.dkdomino.zone - чей -то личный музыкальный проигрыватель
Butterchurn, удивительная реализация Webgl Milkdrop 2. Построенный и интегрированный в Webamp By: Jberg
Исследования и функции прототипирования: @paez
Бета -обратная связь, улавливая многие небольшие несоответствия пользовательского интерфейса: Луигиханн
Бета -обратная связь и инсайдерские ответы на неясные вопросы Winamp: Даррен Оуэн
Пожертвование имени модуля webamp
NPM: Дейв Эдди
Спасибо Джастину Франкелю и всем в Nullsoft за Winamp, который вдохновил многих из нас.
В то время как имя Winamp, интерфейс и примеры аудиофайла, безусловно, являются свойством Nullsoft, код в этом проекте выпускается по лицензии MIT. При этом, если вы сделаете что -нибудь интересное с этим кодом, пожалуйста, дайте мне знать. Я хотел бы увидеть это.