Как воспроизвести MIDI-файл в HTML

Question

как я могу воспроизвести midi-файл на моей html / php-странице

Сейчас я брожу по сети и получил много простого кода для встраивания, подобного приведенному ниже

<EMBED SRC="C:\Windows\Media\Onestop.mid" hidden=true autostart=true loop=1>

Но мой Firefox говорит, чтобы установить плагин - Quicktime Player

Я не думаю, что это способ или способ обойти эту вышеупомянутую проблему, может быть, если вы можете предложить другой способ сделать это, если таковые имеются,

спасибо ...

Answer 1

Я знаю, что это было давно, но это топ Google для "сайта миди-плеер", поэтому я подумал, что я бы нашел решение.

Я создал веб-сайт и хотел воспроизвести MIDI-файл, и есть плагин Javascript, который вы можете использовать: http://www.midijs.net/

Просто включите библиотеку: <script src='http://www.midijs.net/lib/midi.js'></script>

И затем файл, который вы хотите воспроизвести: <script>MIDIjs.play('path/to.your/file.mid');</script>

Важное редактирование Кажется, что удаленный файл выполняет крипто-майнинг, что далеко не идеально. Вам следует либо сохранить файл локально и удалить t("https://coinhive.com/lib/coinhive.min.js",D), либо использовать оригинальный код из GitHub: https://github.com/babelsberg/babelsberg-js/tree/master/midijs

Спасибо @David de Kleer за указание на это.

Answer 2

Java может воспроизводить MIDI-файлы, и необходимый плагин установлен (на заводе) на большинстве ПК

Неполные примеры здесь и здесь

Answer 3

Насколько мне известно, кросс-браузерного способа сделать это нет: Flash, наиболее распространенный вариант при встраивании аудио на веб-страницу, не воспроизводит Midi-файлы .

Единственный способ - это действительно embed метод, и будет ли он работать, будет зависеть от того, как настроен браузер пользователя.Должен быть установлен плагин (например, Quicktime), который может обрабатывать файл.Если на компьютере появится диалоговое окно «Установить плагин», оно там не будет работать.

Я думаю, что единственный разумный способ - конвертировать эти Midis в файлы MP3.

Answer 4

Используйте API Web Audio для современных браузеров.Смотрите полный пример игрока .Работает на настольных и мобильных устройствах.