• Авторизация


Вставка аудио файлов в блог. Ch. 2 10-07-2010 08:46 к комментариям - к полной версии - понравилось!


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

    Бонус. http://mp3cut.foxcom.su - онлайн нарезка mp3
    Поисковики по mp3-файлам:
    beemp3.com | tagoo.ru | poiskm.ru | vpleer.ru | dabest.ru

[показать]
        Special Thanx to < htmlka >

вверх^ к полной версии понравилось! в evernote
Комментарии (15):
Lyusi_serebro 10-07-2010-22:06 удалить
С твоего позволения,я возьму себе вторую часть.Спасибо...
goldmetel 10-07-2010-22:11 удалить
Ответ на комментарий Lyusi_serebro # Люсенька! Ну что ты спрашиваешь?!!
Lyusi_serebro 10-07-2010-22:17 удалить
Ответ на комментарий goldmetel # ))) спасибки5 (174x200, 68 Kb)
Непрод 11-07-2010-11:21 удалить
спасибо, что делаете такие полезные посты. Я пока не очень в этих делах разбираюсь. Думаю, что с помощью Ваших разъяснений справлюсь. И еще спасибо, что заглянули ко мне в дневник.))))))))
goldmetel 11-07-2010-11:30 удалить
Ответ на комментарий Непрод # Всегда буду рад помочь вам! К сожалению, сфера моей компетентности не слишком широка: репортажная фотография и вэб-дизайн.
Новелла 14-07-2010-18:46 удалить
спасибо. попробую разобраться :)
goldmetel 14-07-2010-18:55 удалить
Ответ на комментарий Новелла #
Исходное сообщение Новелла спасибо. попробую разобраться :)
Непременно разберетесь! Все кажется таким сложным только на первый взгляд.
Новелла 14-07-2010-19:15 удалить
честно говоря, пока дремучий лес... гы!
20-07-2010-17:39 удалить
как изменить цвета плеера который "складной", подобно тому как на этой странице http://saymayday.com/2010/01/listen-atlas-sound-shelia-cracks-remix/
goldmetel 20-07-2010-21:22 удалить
Ответ на комментарий # Надо редактировать файл .swf в любом подходящем flash-редакторе либо в "блокноте", но для этого надо знать по крайней мере пару скриптовых языков. Сам я крайне редко решаюсь на такие хирургические операции, потому что в большинстве случаев приходится делать все методом проб и ошибок.
а как узнать прямой адрес сыылки http://../song.mp3 ни фига не выходит вот вставиля свой адрес он молчит
http://cs4631.vkontakte.ru/u30636150/audio/b83ed3cfcb38.mp3
goldmetel 13-06-2011-11:14 удалить
Ответ на комментарий Амазонка1 # Амазонка! Все дело в том, что ссылка битая - она ведет на страницу 404 - "This page doеsn't exist" - "Такой страницы не существует".
а это ? тож не подходит,где и как вооще можно взять эти прямые адреса на мп3 ? http%3A%2F%2Fstat19.privet.ru%2Fmp3%2F0b172a8602519c95ed78297773058793&type=mp3
всё нашла уже кладец адресов
goldmetel 13-06-2011-12:29 удалить
Ответ на комментарий Амазонка1 # )))


Комментарии (15): вверх^

Вы сейчас не можете прокомментировать это сообщение.

Дневник Вставка аудио файлов в блог. Ch. 2 | goldmetel - Дневник goldmetel | Лента друзей goldmetel / Полная версия Добавить в друзья Страницы: раньше»