-Цитатник

Цветок для отделки спицами - (2)

Цветок для отделки спицами обычным набором набрать 56 петель провязать 14 рядов лицевой...

Квантовый Переход - (0)

Единое Человечество – идеология нового времени Нет ничего сильнее идеи, время которой пришло...

Матрица Судьбы по дате рождения. Предназначение и расчёты. - (0)

Матрица Судьбы по дате рождения. Предназначение и расчёты. Сегодня ...

ИНСТРУКЦИЯ ДЛЯ ТЕХ, КТО НЕ ПОНЯЛ, КУДА ПОПАЛ ПРИ РОЖДЕНИИ. - (1)

ИНСТРУКЦИЯ ДЛЯ ТЕХ, КТО НЕ ПОНЯЛ, КУДА ПОПАЛ ПРИ РОЖДЕНИИ. 1. Ты получишь 7 разных тел и спящее с...

Влияние Сатурна на жизнь человека (часть 3) - (0)

Влияние Сатурна на жизнь человека (часть 3) Сатурн отвечает и за страхи: страх смерти, страх публ...

 -Рубрики

 -Приложения

  • Перейти к приложению Всегда под рукой Всегда под рукойаналогов нет ^_^ Позволяет вставить в профиль панель с произвольным Html-кодом. Можно разместить там банеры, счетчики и прочее
  • Перейти к приложению Я - фотограф Я - фотографПлагин для публикации фотографий в дневнике пользователя. Минимальные системные требования: Internet Explorer 6, Fire Fox 1.5, Opera 9.5, Safari 3.1.1 со включенным JavaScript. Возможно это будет рабо
  • Перейти к приложению Открытки ОткрыткиПерерожденный каталог открыток на все случаи жизни
  • Перейти к приложению Photoshop online Photoshop onlineДля того чтоб отредактировать картинку совсем не обязательно иметь фотошоп на комьпьютере. Это можно сделать с помощью приложения online photoshop =)
  • Перейти к приложению Смешные цитаты и ICQ статусы Смешные цитаты и ICQ статусыСмешные цитаты и ICQ статусы из социального цитатника basher.ru

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 25.06.2012
Записей: 2389
Комментариев: 2799
Написано: 7121


Аудио вставляем

Среда, 26 Декабря 2012 г. 23:14 + в цитатник

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



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


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



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



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



  • prostopleer.com — загружай или ищи на сайте музыку и получай код плеера:





    Некоторые файлообменники имеют аудиоплееры для mp3-файлов


    Типичные представители сетевой фауны:


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



  • 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, получим:



    Чтоб исключить сбой кодировок, избегайте кириллицы и пробелов в названиях треков.

    Переименовывайте файлы перед закачкой их на хостинг.
    Примеры:

    моя песня.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. Вставляем полученный код плеера в блог.



  • Другой плеер, «складной»:



    Код копируем, ставим ссылку на свой mp3 вместо ВАШ_ФАЙЛ и слушаем:




  • Компакт-плеер:




    Cтавим ссылку на свой mp3 вместо ВАШ_ФАЙЛ (в двух местах!):




    Хостинги, выдающие "прямые" ссылки на файл:
  • DropBox — быстрая регистрация, 2 ГБ. Устанавливаем с сайта программу-клиент. При установке указываем, где будет папка «My Dropbox» (по умолчанию в винде идет в «Мои документы»). В эту папку помещаем файлы, которые будут сами закачиваться на хостинг. Если заносим файл в подпапку «Public» — получаем прямую ссылку на него (на файл правой кнопкой и «Copy public link»).
    Подробная инструкция к Dropbox
  • www.fileden.com — регистрация, прямые ссылки на файл (залить и на "Direct URL")



    Поисковики по mp3-файлам:

    beemp3.com | http://prostopleer.com/ |
  • Взяла здесь:http://htmlka.com/vstavka-media-fajlov/

    Серия сообщений "Уроки":
    Онлайн - сайты
    Часть 1 - Делаем рамочку в Рамочнике
    Часть 2 - Аудио вставляем
    Часть 3 - Возможности сайта
    Часть 4 - Переносим посты с Мэйла
    ...
    Часть 35 - Флеш навигатор
    Часть 36 - Бродилка уроков по Мозилле от Любаши К
    Часть 37 - Всё под рукой

    Метки:  
    Понравилось: 2 пользователям

     

    Добавить комментарий:
    Текст комментария: смайлики

    Проверка орфографии: (найти ошибки)

    Прикрепить картинку:

     Переводить URL в ссылку
     Подписаться на комментарии
     Подписать картинку