Pure HTML Music Player - PullRequest
Новая
       24

Pure HTML Music Player

0 голосов
/ 03 мая 2010

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

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

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

Ответы [ 3 ]

7 голосов
/ 03 мая 2010

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

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

1 голос
/ 03 мая 2010

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

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

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

Вот как встроить проигрыватель Windows Media в ваш HTML.

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

Вставьте следующий код в HTML-документ для встраивания проигрывателя Windows Media 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 (для потоковой передачи) или локальный файл.

0 голосов
/ 03 мая 2010

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

...