Кнопка воспроизведения в браузере - PullRequest
Новая
       20

Кнопка воспроизведения в браузере

0 голосов
/ 07 сентября 2008

Я хочу разместить песни на веб-странице и добавить маленькую кнопку воспроизведения, как вы можете видеть на Last.fm или Pandora. На сайте может быть несколько песен, и если вы начнете воспроизводить другую песню с уже воспроизводимой, она приостановит первый трек и начнет воспроизводить тот, на котором вы только что щелкнули. Я думаю, что они используют Flash для этого, и я мог бы реализовать это через несколько часов, но есть ли уже код, который я мог бы использовать для этого? Может быть, просто флэш-SWF-файл, который вы прячете на веб-странице с помощью базового API Javascript, который я могу использовать для потоковой передачи mp3-файлов?

А как насчет файлов WMA или AAC? Есть ли универсальное решение, которое будет воспроизводить эти 3 типа файлов?

http://musicplayer.sourceforge.net/

Ответы [ 4 ]

1 голос
/ 07 сентября 2008

Есть множество flash mp3-плееров, которые вы можете использовать для этого. Обычно вам просто нужно отредактировать текстовый файл, чтобы он указывал на mp3-файлы, которые вы хотите иметь в наличии.

Вот первый, который появился в поиске Google для flash mp3 player: http://www.flashmp3player.org/demo.html

0 голосов
/ 07 сентября 2008

Я второе предложение superjoe30: у меня был большой успех с музыкальным проигрывателем. Единственный (незначительный) минус - это то, что это немного более старый проект, и он не так хорошо подходит для скинов, как некоторые из альтернатив (хотя у вас есть полный исходный код, поэтому, если у вас есть время, вы можете заставить его выглядеть именно так, как вам нужно) .

0 голосов
/ 07 сентября 2008

То, что я давно добавил в закладки, но до сих пор не проверял: http://www.schillmania.com/projects/soundmanager2/

0 голосов
/ 07 сентября 2008

Это довольно просто, если вы хотите встроить WMP, вы можете использовать все элементы управления через JavaScript. Там есть отличный раздел MSDN, но я не могу найти его сейчас.

Редактировать: Я нашел this в MSDN, он содержит свойства, которые будет принимать встроенный WMP, а затем все вам нужно вызвать методы через javascript. 

<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>

Тогда для javascript 

<script type="javascript">
obj = document.getElementById("VIDEO"); //Where video is the id of the object above.
obj.URL="filename"; //You can use this to both start and change the current file.
obj.controls.stop(); //Will stop
obj.controls.Pause(); //Pause
</script>

Где-то здесь у меня есть код, чтобы даже контролировать громкость.
Некоторое время назад я создал собственный (выглядящий) плеер для клиента исключительно на HTML и JavaScript.

...