Вставка Аудио

1. Обзор сервисов.

  • muzicons.com - не закачивает файлы с компа, вставка аудио по прямым ссылкам на файл или через встроенный поисковик tagoo.ru, выглядит так:

  • http://video.yandex.ru требует регистрации на Яндексе. Закачать аудиофайл и получить код плеера, например:

  • www.jetune.ru - в полной мере работает только для юзеров России. Чтоб выложить трек, надо на сайте найти (без регистрации) или закачать своего исполнителя (с регистрацией), кликнуть на конкретный трек и получить код плеера:

    Некоторые файлообменники имеют плееры.
    Типичные представители сетевой фауны:

  • divshare.com Регистрируемся. Жмем “Upload new file”, загружаем трек. Клик на “dashboard” (вверху), появится файл. На него правой кнопкой мыши, выбираем “share”, копируем “Embed Playlist” и вставляем:

  • filehoster.ru сделал покрасивше:

  • box.net при нажатии на “shared” выдаст ссылку типа www.box.net/shared/zf1uk007vy

    2. Учимся "ловить рыбу":

    Код для вставки музыки в блог состоит из двух главных компонентов - флеш-плеер (файл *.swf в виде http://../player.swf) и аудиофайл (в виде http://../song.mp3) - остальное HTML, то бишь буковки.
    Выглядит так:
    <object data="http://../player.swf" type="application/x-shockwave-flash" width="240" height="64">
    <param name="movie" value="http://../player.swf">
    <param name="menu" value="false">
    <param name="scale" value="noscale">
    <param name="flashvars" value="src=http://../song.mp3&amp;autostart=no">
    </object>
    Я залил сюда флеш-плеер и получил:
    http://htmlka.com/wp-content/uploads/2009/06/webplayer.swf
    затем загрузил трек:
    http://htmlka.com/wp-content/uploads/2009/06/08-caravan.mp3
    Вставил эти ссылки в код:

    Полный код безобразия:

    Если в код вставить свой mp3 файл вида http://…./song.mp3 ("прямая ссылка"), он будет играть вашу музыку:).

  • width и height определят размеры плеера.
    Если назначить height=16, получим:

    Tip: Чтоб исключить сбой кодировок, избегайте кириллицы и пробелов в названиях треков.
    Переименовывайте файлы перед закачкой их на хостинг. Примеры:
    моя песня.mp3 (нельзя в плеер, будет глюк)
    moya_pesnya.mp3 (можно юзать)

  • Можно вставлять плейлисты:

    - навигация по трекам

  • Делаем такой плеер с плейлистом:
    1. Загружаем на хостинг аудиофайлы и составляем такой список треков:
    <file src="sound1.mp3"/>
    <file src="sound2.mp3"/>
    <file src="sound3.mp3"/>
    2. Копируем образец кода плейлиста ОТСЮДА
    (всё, что под чертой)
    3. Открываем на компе программу Блокнот, вставляем туда этот код.
    4. Вместо примера списка треков вставляем свой заготовленный список треков.
    5. Жмем “Файл-Сохранить как”. Называем файл playlist.xml и сохраняем.
    (назвать можно как угодно, главное - на латинице и .xml)
    6. Файл playlist.xml грузим на хостинг, ссылку на него ставим в код плеера там, где в плеере с одним треком стоит ссылка на mp3-файл: http://site/song.mp3
    7. Вставляем полученный код плеера в блог.
  • Другой плеер, “складной”:

    внимание, код этого плеера отличается от кода предыдущего:

    Скачать себе оба этих плеера можно ЗДЕСЬ
  • Плеер от htmlka.com:

    Ставим свой mp3-файл вместо ВАШ_ФАЙЛ:

    Хостинги, выдающие "прямые ссылки":
  • DropBox — лучший, быстрая регистрация, 2 ГБ. Берём с сайта программу-клиент и ставим на комп. При установке указываем, где будет папка “My Dropbox” (по умолчанию в винде идет в «Мои документы»).
    В эту папку помещаем файлы, которые теперь будут автоматически закачиваться на хостинг. Если заносим файл в подпапку “Public” - получаем прямую ссылку на него (на файл правой кнопкой и “Copy public link”).
    Подробная инструкция к Dropbox
  • filekeeper.org - без регистрации до 100Мб, прямая ссылка на трек, файлы хранятся, пока к ним есть хотя бы одно обращение в течение 30 дней
  • www.fileden.com - регистрация, прямые ссылки на файл (залить и на "Direct URL")
    Бонус. Поисковики по mp3-файлам:
    beemp3.com | tagoo.ru | poiskm.ru | vpleer.ru
    В начало ↑