Обзор интернета Легкая версия Веб-мастеру Графика Игры, Спорт Программы Рецепты Время Рождество Библия
Свой сайт Хостинг Облака Домены Ресурсы Формы на сайт Раскрутка
Аудио Веб-мастеру Кино Кинотеатр Подкаст на сайт Подкасты Радио на сайт Радио ТВ



Аудиоплеер на сайт

Вставляем в <head>

<script language="JavaScript" src="player/audio-player.js"></script>

Вставляем в <body>

<object type="application/x-shockwave-flash" 
data="player/player.swf" id=audioplayer1 height=24 width=290>
<param name=movie value="player/player.swf"></param>
<param name=FlashVars 
value="playerID=1&soundFile=radio-t.com/downloads/rt_podcast139.mp3">
</param>
<param name=quality value=high></param>
<param name=menu value=false></param>
<param name=wmode value=transparent></param>
</object>

Вместо radio-t.com/downloads/rt_podcast139.mp3 пишем адрес нашего аудиофайла или подкаста.

И вам надо скачать сам скрипт плеера и разместить в папку player.

Скачать плеер и пример скрипта можно здесь

Аудиоплеер на HTML5

autoplay - начинает играть сразу после загрузки страницы.
controls - панель управления плеера.
loop - воспроизведение по кругу без конца.
preload - подзагрузка аудио файла с открытием веб-страницы.

Можно указать адрес аудиофайла или ссылку аудиопотока, например, радио.

так

<audio src='audiofile.mp3' controls preload> </audio>

Или так

<audio controls preload>
    <source src='audiofile.mp3' />
</audio>

Или так

<audio controls>
  <source src="audiofile.ogg" type="audio/ogg">
  <source src="audiofile.mp3" type="audio/mpeg">
  Ваш браузер не поддерживает аудиоплер
</audio>

Можно дать несколько файлов браузеру на выбор, он сам найдет, что поддерживает. Если он ничего не поддерживает, можно предложить текст, напр. "Ваш браузер не поддерживает аудиоплер".


В разных браузерах плеер будет выглядеть по-разному, в некоторых не будет виден вовсе.


Print Friendly and PDF




Видео на сайт Видеоканал на сайт ТВ на сайт Закачка видео на сайт Подкаст на сайт Радио на сайт Видео-помощник на сайте Кнопки кинорейтингов





Подать статью
Рассылка
О нас

Почта

Графика

Шрифты
Логотипы
Брендбуки
Пиктограммы
Геральдика

Популярное

Уровень сайта
Регистрация сайта
Как сделать сайт
1 место на Google
Переводчики Онлайн
Пароль

Топ интернета

Ph4 в социальный сетях, рассылки и контакт

©2005-2018, Веб-студия Ph4 - Каталог интернета пользователю, веб-мастеру и дизайнеру v. 4.3