Вставка аудио файлов в блог. Ch. 2

Суббота, 10 Июля 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&autostart=no">
</object>
Я залил сюда флеш-плеер и получил:
http://htmlka.com/wp-content/uploads/2009/06/webplayer.swf
затем загрузил трек:
http://htmlka.com/wp-content/uploads/2009/06/08-caravan.mp3
Вставил эти ссылки в код:

Полный код безобразия:
<object data=http://htmlka.com/wp-content/uploads/2009/06/webplayer.swf type="application/x-shockwave-flash" width="240" height="64"><param name="movie" value=http://htmlka.com/wp-content/uploads/2009/06/webplayer.swf><param name="menu" value="false"> <param name="scale" value="noscale"><param name="flashvars" value="src=http://htmlka.com/wp-content/uploads/2009/06/08-caravan.mp3&autostart=no"></object>
Если в код вставить свой 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. Вставляем полученный код плеера в блог.
Другой плеер, “складной”:

внимание, код этого плеера отличается от кода предыдущего:
<object data="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://htmlka.com/wp-content/uploads/2009/07/player2.swf"" target="_blank">http://htmlka.com/wp-content/uploads/2009/07/player2.swf"</a> type="application/x-shockwave-flash" width=240 height=50><param value="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://htmlka.com/wp-content/uploads/2009/07/player2.swf"" target="_blank">http://htmlka.com/wp-content/uploads/2009/07/player2.swf"</a> name="movie"> <param value="loop=no&autostart=no&soundfile=http://aurgasm.us/wp/uploads/jessica-fichot-1-2-3.mp3&" name="flashvars"><param value="false" name="menu"></object>
Скачать себе оба этих плеера можно ЗДЕСЬ
Плеер от htmlka.com:

Ставим свой mp3-файл вместо ВАШ_ФАЙЛ:
<object id="audioplayer1130" type="application/x-shockwave-flash" data="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://dl.getdropbox.com/u/1926037/uppod.swf"" target="_blank">http://dl.getdropbox.com/u/1926037/uppod.swf"</a> width="250" height="35"><param name="allowScriptAccess" value="always" /><param name="wmode" value="transparent" /><param name="movie" value="<a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://dl.getdropbox.com/u/1926037/uppod.swf"" target="_blank">http://dl.getdropbox.com/u/1926037/uppod.swf"</a> /><param name="flashvars" value="comment=&st=http://dl.dropbox.com/u/1926037/audio26-365.txt&file=ВАШ_ФАЙЛ&link=http://uppod.ru/afesawwrq" /></object>

Хостинги, выдающие "прямые ссылки:
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 >

Рубрики:

web-design

Метки: web-design site blog

Процитировано 7 раз
Понравилось: 1 пользователю

Комментировать

« Пред. запись — К дневнику — След. запись »

Страницы: [1] [Новые]

Lyusi_serebro обратиться по имени Суббота, 10 Июля 2010 г. 22:06 (ссылка)

С твоего позволения,я возьму себе вторую часть.Спасибо...

Ответить С цитатой В цитатник

Суббота, 10 Июля 2010 г. 22:11ссылка

goldmetel

Люсенька! Ну что ты спрашиваешь?!!

Ответить С цитатой В цитатник Обратиться по имени

Суббота, 10 Июля 2010 г. 22:17ссылка

Lyusi_serebro

)))

Ответить С цитатой В цитатник Обратиться по имени

Непрод обратиться по имени Воскресенье, 11 Июля 2010 г. 11:21 (ссылка)

спасибо, что делаете такие полезные посты. Я пока не очень в этих делах разбираюсь. Думаю, что с помощью Ваших разъяснений справлюсь. И еще спасибо, что заглянули ко мне в дневник.))))))))

Ответить С цитатой В цитатник

Воскресенье, 11 Июля 2010 г. 11:30ссылка

goldmetel

Всегда буду рад помочь вам!
К сожалению, сфера моей компетентности не слишком широка: репортажная фотография и вэб-дизайн.

Ответить С цитатой В цитатник Обратиться по имени

Новелла обратиться по имени Среда, 14 Июля 2010 г. 18:46 (ссылка)

спасибо. попробую разобраться :)

Ответить С цитатой В цитатник

Среда, 14 Июля 2010 г. 18:55ссылка

goldmetel

Исходное сообщение Новелла
спасибо. попробую разобраться :)

Непременно разберетесь! Все кажется таким сложным только на первый взгляд.

Ответить С цитатой В цитатник Обратиться по имени

Новелла обратиться по имени Среда, 14 Июля 2010 г. 19:15 (ссылка)

честно говоря, пока дремучий лес... гы!

Ответить С цитатой В цитатник

LiveInternetLiveInternet

-Музыка

-Метки

-Рубрики

-ТоррНАДО - торрент-трекер для блогов

-Я - фотограф

musie cat princess

-Поиск по дневнику

-Подписка по e-mail

-Постоянные читатели

-Трансляции

-Статистика

Вставка аудио файлов в блог. Ch. 2