Простой способ встроить аудиофайл MP3 в (статический) HTML-файл, начиная с определенной позиции? - PullRequest
0 голосов
/ 31 мая 2010

Я хочу создать простой статический файл HTML, в котором есть один или несколько встроенных файлов MP3. Идея состоит в том, чтобы просто прослушивать определенные части mp3-файла.

При одном щелчке по визуальному элементу звук должен начать играть; Однако не с начала файла, а с указанной начальной точки в этом файле (и воспроизведения до конца файла). Все это должно работать локально из локальной файловой системы клиента, HTML-файл и MP3-файлы не находятся на веб-сервере.

Итак, как воспроизвести аудио в формате MP3 с определенной начальной точки? Решение, которое я ищу, должно быть настолько простым, насколько это возможно, и работать с большинством браузеров, включая IE, Firefox и Safari.

Примечание. Я знаю тег <embed>, как описано здесь , но, похоже, он не работает с моими целевыми браузерами. Кроме того, я читал о jPlayer и других проигрывателях на основе Java-Script, но, поскольку я никогда не кодировал JavaScript, я бы предпочел решение на основе только HTML, если это возможно.

Обновление : к настоящему моменту это стало живым инструментом, расположенным по адресу http://quir.li/player.html.. В итоге я использовал превосходный mediaplayer.js от John Dyer

1 Ответ

2 голосов
/ 31 мая 2010

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

Например.

<a href="audioembedded.html" target="myplayer">Play audio</a>
<iframe src="nothingplayingnow.html" name="myplayer"></iframe>

Если вы хотите встроить сам аудиофайл в html-документ, я думаю, что вам лучше всего будет использовать схему URI данных . Все плюсы и минусы хорошо описаны в этой статье.

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

Извините, но я думаю, что вам понадобится хотя бы какой-то javascript, чтобы добиться того, что вы пытаетесь.

...