Музыкальный проигрыватель на чистом HTML

Как я могу использовать чистый HTML для создания встроенного в браузер музыкального онлайн-плеера без флэш-памяти? Мол, вы нажимаете кнопку, и начинает играть музыка. Я пробовал все с <embed> и с (out) <noembed>, но, похоже, ничего не работает. Мне нужно, чтобы он работал в Firefox.

У меня есть файл в формате MP3.

РЕДАКТИРОВАТЬ: На самом деле, ребята, мне очень жаль, что я задаю этот вопрос. Теперь я увидел, что просто неправильно написал путь. Все это прекрасно работает с тегом <embed src="../../path/to/file.mp3" autostart="false" width="20" height="20"/>. Дело в том, что я пытался написать его для браузеров, не поддерживающих Flash, например для e. грамм. Safari для iPad.


html audio-player mp3
person arik    schedule 02.05.2010    source источник
comment
Создайте элемент изображения, затем предварительно загрузите все следующие изображения с помощью javascript, начните воспроизводить его, изменяя атрибут src каждые 33 мс, о, подождите, вы хотите html5? Используйте ‹video›   -  person    schedule 03.05.2010
comment
-1 @ M28: Какое отношение имеют тег <video>, предварительная загрузка изображений и т. Д. К музыке?   -  person stakx - no longer contributing    schedule 03.05.2010
comment
Извините, я запутался: P, ну, у большинства музыкальных композиций есть клипы, так что ... ._.   -  person    schedule 03.05.2010
comment
ну вообще-то у меня нет видео. это файл в формате MP3. чистый. кстати: он не должен быть очень большим ...: P   -  person arik    schedule 03.05.2010
comment
На самом деле, ребята, мне очень жаль, что я задаю этот вопрос. Теперь я увидел, что просто неправильно написал путь. Все это прекрасно работает с тегом ‹embed src = .. / .. / path / to / file.mp3 autostart = false width = 20 height = 20 /›.   -  person arik    schedule 03.05.2010

Ответы (3)


arrow_upward
1
arrow_downward

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

В этой ссылке есть все возможные перестановки, которые вы можете себе представить ...

Я не уверен, что приведенная ниже часть будет работать в FireFox:

Вот как встроить Windows Media Player в ваш HTML.

Чтобы встроить объект в HTML-документ, требуется идентификатор класса объекта. Идентификатор класса для проигрывателя Windows Media 7, 9, 10 и 11 - clsid: 6BF52A52-394A-11D3-B153-00C04F79FAA6.

Вставьте следующий код в свой HTML-документ, чтобы встроить Windows Media Player 7 и более поздних версий:

<OBJECT id="VIDEO" width="320" height="240" 
    style="position:absolute; left:0;top:0;"
    CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"
    type="application/x-oleobject">

    <PARAM NAME="URL" VALUE="your file or url">
    <PARAM NAME="SendPlayStateChangeEvents" VALUE="True">
    <PARAM NAME="AutoStart" VALUE="True">
    <PARAM name="uiMode" value="none">
    <PARAM name="PlayCount" value="9999">
</OBJECT>

В параметре URL вы можете указать URL (для потоковой передачи) или локальный файл.

person Romain Hippeau    schedule 02.05.2010
comment
-1 Это решение ActiveX, которое похоже на нестандартную, несвободную, непереносимую версию Flash. - person amphetamachine; 03.05.2010
comment
Это было предложено для получения полного ответа - я знаю, что это не ответ HTML. - person Romain Hippeau; 03.05.2010
comment
не волнуйся. вы так много нашли, я просто выберу это как ответ. - person arik; 03.05.2010

arrow_upward
7
arrow_downward

Это должно помочь. Аудиотег HTML5 имеет достойную поддержку с более новыми версиями Firefox, Safari, Chrome и Opera (к сожалению, без Internet Explorer). Вам может потребоваться преобразовать ваш .mp3 в .ogg или другой формат, потому что некоторые браузеры поддерживают только определенные форматы.

О, вам понадобится Javascript для таких элементов управления, как .play (), .pause () ...

person Tom    schedule 02.05.2010

arrow_upward
0
arrow_downward

Я не думаю, что это возможно (поставляется с HTML5). Вы можете использовать Yahoo Media Player, который работает с Javascript.

person tfeldmann    schedule 02.05.2010
comment
Вау, впечатляет, но, к сожалению, требуется вспышка. - person Tom; 03.05.2010
comment
Я не думаю, что он использует Flash, а чистый Javascript. Я могу ошибаться - где ты их нашел? - person tfeldmann; 03.05.2010