О вставке MIDI-файлов на веб-страницу - PullRequest
Новая
       1

О вставке MIDI-файлов на веб-страницу

11 голосов
/ 06 октября 2011

Я работаю над проектом, связанным со старинными веб-дизайнами. Я хотел бы встроить и автоматически воспроизвести файл MIDI, но:

  1. Это не работает на IOS (я пытался с Ipad)
  2. В Firefox иногда мелодия не воспроизводится, я не знаю почему.

Миди-плеер зависит от браузера или плагина? Могу ли я найти универсальную альтернативу для воспроизведения моей мелодии?

Я использую тег <embed> следующим образом: 

<embed src="tune.mid" hidden="true" autostart="true" autoplay="true">

Ответы [ 7 ]

3 голосов
/ 22 декабря 2017

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

https://kitchwww.github.io/midi/midi.js

Он может быть включен и использован точно так же:

<script type='text/javascript' src='https://kitchwww.github.io/midi/midi.js'></script>
<a href="#" onClick="function(){
MIDIjs.initAll();
MIDIjs.play('path/to/yoursong.midi');}">Play My Song</a>

РЕДАКТИРОВАТЬ: обновлено и теперь включает функцию инициализации, вызываемую в пользовательском жесте, поскольку теперь все аудио должны быть инициированы с одного.

1 голос
/ 06 октября 2011

Да, тег embed зарезервирован для плагинов, которые Mobile Safari не поддерживает.

Обратите внимание на HTML5 audio tag, который поддерживается большинством браузеров.

Но, пожалуйста, не воспроизводите музыку на веб-странице ... это раздражает - большинство либо слушает музыку, либо отключили динамики, либо находятся в офисе.

0 голосов
/ 14 августа 2017

Ну, вот и 13 августа 2017 года, и разве вы не знаете, встраивание bg midi на веб-страницу до сих пор остается загадкой.

На самом деле я почти уверен, что это уже невозможно сделать (кроме IE bgsound src, который все еще работает для меня).

Но что касается Firefox и Chrome, решениепредоставленный Jofeu является отличным решением.

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

0 голосов
/ 22 января 2017

Для файлов mid и kar я рекомендую использовать vanBasco midi player в качестве проигрывателя по умолчанию. См. Источник на http://midkar.com/blues/blues_01.html

для встраивания; embed src = "musicfile.mid" width = 144 height = 60 autostart = true repeat = false loop = false (замените "musicfile.mid" на имя вашего midi-файла)

0 голосов
/ 07 декабря 2016

Браузеры перестали поддерживать воспроизведение файлов MIDI с течением времени.Возможно, вы захотите попробовать MIDI.js, кросс-браузерную библиотеку на основе JavaScript.

Добавьте скрипт MIDI.js на свою веб-страницу: 

    <script type='text/javascript' src='http://www.midijs.net/lib/midi.js'></script>

А затем добавьте ссылку, чтобы начать играть:

    <a href="#" onClick="MIDIjs.play('path/to/yoursong.midi');">Play My Song</a>

Подробнее смотрите http://www.midijs.net.

0 голосов
/ 31 июля 2014

Ваш HTML в порядке.Проблема в том, что некоторые браузеры более низкого класса утратили способность проигрывать миди-файлы.Они должны установить надстройку.Раньше Real Player был хорошим решением, но теперь они продвигают облачную подписку.Есть много других миди-плееров, но пользователи должны установить один.

0 голосов
/ 06 октября 2011

Используйте тег HTML5 Audio. Но, как сказал Парень до меня ... пожалуйста, пересмотрите музыку на своей странице. 

<audio src="example.midi" preload="auto" autoplay="autoplay"></audio>
...