• ↓
  • ↑
  • ⇑
 
Записи с темой: вставка музыки (список заголовков)
12:27 

Вставка музыки в запись, в эпиграф, куда угодно!

Я задыхаюсь, мне все теснее с каждым годом. Я широко раскрыл глаза, но не могу найти свободу.
У каждого из нас есть любимые песни и мелодии, которыми страшно хочется поделиться со всеми остальными! Но как это сделать? Скачать песню не каждый захочет, вот если бы можно было слушать музыку непосредственно в дневнике…

Есть в сети немало сервисов, предоставляющих плееры для выкладывания музыки в блогах и на своих страничках. Самый, пожалуй, известный из них – это www.boomp3.com/. О том, как пользоваться этим плеером, очень подробно и пошагово рассказано вот здесь, поэтому лишние слова я говорить не буду, просто покажу, как будет выглядеть такой вот плеер.
Он серый с синим, маленький и вполне себе симпатичный. Но осторожно: его частенько плющит и музыка не проигрывается.
Готовый плеер выглядит вот так:


Есть еще один сервис, называется Музикон (www.muzicons.ru/). Этот имеет самые большие возможности по настройке внешнего вида плеера. Выберите цвет, иконку, даже размер музикона! Кроме того, он имеет небольшие размеры и сам по себе очень даже хорош.
Здесь все понятно интуитивно. Тем не менее, считаю нужным объяснить, что и как вставляется.
Делается сие в пять шагов.
1. Выбор иконки. Иконки есть стандартные (в виде смайлов) и есть другие (сердечки, звездочки, канабисы, пивные кружки)… Ими можно выразить настроение, обрисовать тематику песни, да и просто, украсить немножко плеер.
2. Музыка. Тут все тоже очень просто. Жмем на «Обзор», выбираем свой файл и смирно ждем, пока он загрузится. Грузится он не сразу, товарищам с медленным соединением придется подождать.
3. Внешний вид. Здесь, переставляя галочку, выберите свой плеер: надпись ли на нем будет, либо полоса прокрутки, либо на нем не будет вообще ничего? Обратите внимание: то, что у вас получилось, отображается справа, под надписью «Результат».
4. И цвет! Красный, синий, зеленый, даже черный! Уж под свой дневник вы точно подберете музикон, не так ли? Палитра из двадцати четырех цветов – этого более, чем достаточно.
5. Вставка плеера в дневник – это самый важный момент. Справа, в «Результате» вы видите свой музикон, под ним – два кода. Чтобы плеер действительно работал, используйте «html-код». Скопируйте его полностью и вставьте, куда хотите – хоть в эпиграф, хоть в записи, хоть в комментарии.
Музикон у меня вот такой получился.


У меня все.

@темы: Вставка медиа-объектов, Вставка музыки, Полезные сторонние сервисы

14:12 

all you have to decide is what to do with the time that is given to you
06.03.2009 в 21:06
Пишет Aloria:

Заливка музыкальных файлов на сторонние ресурсы

После закрытия на сайте muzicons.com возможности заливать музыкальные файлы со своего компьютера на их сервер и вставлять их плеер в свои посты у многих пользователей возникла проблема: а что же теперь делать?
Лично я вижу две возможности:
1. Заливать свои музыкальные файлы на какой-нибудь сторонний хостинг и пользоваться по-прежнему сайтом muzicons.com
2. Пользоваться другим аналогичным сервисом.
Из таковых лично мне пока известен только один - www.divshare.com

Если вы, уважаемые пользователи, знаете еще какие-нибудь аналогичные сервисы, предоставляющие возможности бесплатно загружать музыкальные файлы со своих компьютеров, а затем в виде плееров вставлять их в записи и комментарии сайта, то большая просьба - поделитесь с другими полезными ссылками.

Имеющиеся на данный момент ссылки:
1. www.divshare.com
2. prostopleer.com - нужна регистрация,
3. www.imeem.com - нужна регистрация
4. www.esnips.com — там надо регистрироваться, зато дают 5 Гб на аудио и видео.
5. www.mediafire.com/index.php - Нужна регистрация. Запутанная система ссылок. Если файл защищён авторским правом - снять галочку защиты - и можно запихивать в плеер. Каждое действие требует подтверждения.
6. www.privet.ru/ - что-то вроде соц.сети, там необходима регистрация, после которой можно создавать фото, аудио альбомы, общаться в сообществах и пр.
7.www.drop.io - заливаем туда песню. (как это делается, смотрим вкартинках здесь)Потом открываем muzicons.com и в поле копируем получившийся URL адрес.
8. www.goear.com - регистрируйтесь, заливайте музыку или ищите композицию с помощью поиска
9. www.tumblr.com - после регистрации разрешается в 1 день добавлять 1 песню весом до 10 мбайт, только МР3
10. www.jetune.ru/ - (работает не очень стабильно)
11. www.myflashfetish.com - Можно заливать до 5-ти гигабайт, хорошая система поиска и много вариантов плееров/ так же возможно оформлять видео
12. www.mixpod.com/ - почти точная копия www.myflashfetish.com
13. файл с известного www.youtube.com/ тоже можно превратить в мини-плеер с музыкой. как это делается. см. дискуссию
14. www.esnips.com - бесплатно даётся 5 Гб. Но имеются определённые тонкости при создании кода (подробности здесь)
15. www.7not.net - находим нужную композицию или грузим свою, нажимаем на ссылку "установить такой плеер себе" и получаем код.
16. www.dropbox.com - бесплатно даётся 2 Гб. Можно установить программу, тогда появится возможностьрасшаривает на компе папочку, и загружать композиции на сайт без браузера.


www.fileden.com - сервис для хранения аудиофайлов с прямыми ссылками на ваши файлы.
www.mixr.ru - сайт где много музыки он-лайн. код для вставки в блог прилагается к песне.
www.weborama.ru - русский интерфейс. находите песню, копируете готовый код.

вечные Яндекс и Youtube тоже можно использовать.

(заглядыйвайте в комментарии к этой записи, чтобы увидеть примеры внешнего вида плееров)

@темы: Вставка музыки, Вставка медиа-объектов, Полезные сторонние сервисы

14:00 

Как загрузить музыку в дневник

Запись поднята в связи с внесенными изменениями.

Как загрузить музыку в дневник

В комментариях много ссылок на полезные ресурсы.
запись создана: 01.10.2009 в 18:05

@музыка: вот её, родимую, и загружаем ;)

@темы: Полезные сторонние сервисы, Вставка музыки

14:44 

Плееры для diary

23:48 

lock Доступ к записи ограничен

администратор
(с капибарой на аватарке)
Закрытая запись, не предназначенная для публичного просмотра

13:55 

Embedding

D Ash
Embrace your dreams and prove your honor...
Нашёл способ вкладывать в посты не только флэшки, но и непосредственно страницы. Скажем, можно в эпиграф встроить Google Translate или ленту избранного. Или форму добавления новой записи. Или какую-нибудь свою страницу. Что угодно, в общем.




Итак, начнём. Во-первых - это не совсем просто. Нет, не сложно, но нужно какое-то время, чтобы разобраться, особенно если с кодингом вы не знакомы. Во-вторых. Что потребуется. А потребуется Flash. Подойдёт и какая-нибудь старая версия (скажем, Flash MX2004), но даже оно весит 60 mb, а это надо качать, устанавливать и т.п., чем заниматься захочет далеко не каждый, разумеется. Стоит ли оно потраченных времени и сил? Вам решать. А я просто подробно распишу, что и как делать.

  1. Установите Dropbox, зарегестрируйтесь в системе. Почему именно Dropbox? Потому, что он даёт прямые ссылки на файлы. К тому же, очень удобный и не нервирует рекламой.

  2. Если хотите вложить какой-то свой файл (html страницу), скопируйте его в My Documents\My Dropbox\Public (или в другую дирректорию, если вы меняли настройки), подождите, пока он закачается, нажмите на него правой клавишей и выберите Dropbox -> Copy Public Link.

  3. Установите Flash. Как я и сказал, подойдёт почти любая версия. Почти - т.к. не тестил с более ранними, чем MX2004 (т.е. со студиями, где использовался старый ActionScript 1.0 (в сравнении с AS2 и AS3 в последующих)), возможно, там чуть-чуть другой синтаксис (хотя, насколько я помню, нужный нам оператор тот же). Но от флэша нам понадобится всего одна строка кода, так что и это не суть важно. Этот пример создан в Adobe Flash CS4.

  4. Создайте новый документ типа Flash Document (если у вас поздняя версяя студии (с поддержкой AS3), выберите Flash File (ActionScript 2.0), нам его вполне хватит).

  5. Откройте окно Modify -> Document, измените значения в полях Dimensions на 1 px - визуальная составляющая нам не понадобится.

  6. Откройте окно Window -> Actions, выберите Layer 1 : Frame 1 в меню слева.

  7. В правой части окна впишите:
    getURL('http://www.google.com/','_self');

    Вместо ссылки на гугл здесь должна быть страница, которую вы хотите вложить. Если это предварительно закинутый на Dropbox файл - вставьте ссылку на него (как её получить описано в пункте 2). Важно! Ссылка должна быть полной, т.е. начинаться с http://.

  8. Закройте Actions, выберите File -> Export -> Export Movie, сохраните полученную флэшку в My Documents\My Dropbox\Public (или в другую дирректорию, если вы меняли настройки). Если при сохранении программа предложит какие-то вариации, можете оставить всё по умолчанию и проследовать далее. После сохранения, подождите, пока файл закачается на сервер, нажмите на него правой клавишей и выберите Dropbox -> Copy Public Link. Откройте блокнот и вставьте ссылку туда, чтобы не потерять.

  9. Теперь можете переходить непосредственно к редактированию поста. Вставьте следующий код:

    <div align="center">
      <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="YourWidth" height="YourHeight">
        <param name="movie" value="YourSwf" ></param>
        <param name="wmode" value="transparent"></param><param name="allowScriptAccess" value="never">
        <embed src="YourSwf" type="application/x-shockwave-flash" wmode="transparent" width="YourWidth" height="YourHeight" AllowScriptAccess="never"></embed>
      </object>
    </div>

  10. Замените оба YourWidth на желаемую ширину окна, оба YourHeight на желаемую высоту окна и оба YourSwf на ссылку, которую вы сохранили в пункте 8.

  11. Можете наслаждаться результатом. ^_^
    А пример, который делал я, чуть ниже.



запись создана: 11.02.2011 в 08:54

Вопрос: Мануал писать?
1. Да. 
314  (96.62%)
2. Нет. 
11  (3.38%)
Всего: 325

@темы: Эпиграф, Редактирование записи, Оформление дневника, Новая запись, Дневник, Вставка музыки, Вставка медиа-объектов, Вставка видео

00:14 

YouTube + fullscreen

D Ash
Embrace your dreams and prove your honor...
Т.е. как сделать, чтобы выложенное видео можно было разворачивать на полный экран. Но скажу сразу, здесь надо постараться.




Итак, нам понадобится Dropbox... и Flash, да.


  1. Установите Dropbox, зарегестрируйтесь в системе.

  2. Создайте текстовый файл, назовите его, измените разрешение на html (например: ffv13.html).

  3. Откройте его в текстовом редакторе, вставьте следующий код:
    <html>
    <head>
    <style>
    body {
         padding:0px;
         margin:0px;
    }
    </style>
    </head>
    <body>
     YOUTUBE
    </body>
    </html>

  4. Замените в коде YOUTUBE на код вложения вашего видео (тот, что получаете на самом youtube'е или в аналогичном сервисе). Сохраните его.

  5. Скопируйте ваш .html файл в My Documents\My Dropbox\Public (или в другую дирректорию, если вы меняли настройки), подождите, пока он закачается, нажмите на него правой клавишей и выберите Dropbox -> Copy Public Link.

  6. Используя этот гайд создайте флэшку, указывающую на ваш html, и вложите её в пост. При указании высоты и ширины объекта пользуйтесь значениями, которые вам дал youtube.

  7. Готово. Поздравляю, вы только что опубликовали видео, которое можно смотреть в режиме полного экрана.




Вопрос: Мануал писать?
1. Да. 
64  (84.21%)
2. Нет. 
12  (15.79%)
Всего: 76

@темы: Вставка видео, Вставка медиа-объектов, Вставка музыки, Новая запись

11:36 

Embedding #2

D Ash
Embrace your dreams and prove your honor...
Существенное упрощение идеи, предложенной здесь. Написал вариант флэшки, в которую можно передавать адрес страницы, которую необходимо загрузить. Итак, если вы хотите встроить какую-либо страницу в пост дайри, используйте следующий код:


<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="yourWIDTH" height="yourHEIGHT"> <param name="movie" value="http://dl.dropbox.com/u/10130237/flashRedirect.swf" ></param> <param name="wmode" value="transparent"></param> <param name="flashvars" value="pageHref=yourPAGE"> <embed src="http://dl.dropbox.com/u/10130237/flashRedirect.swf" type="application/x-shockwave-flash" wmode="transparent" width="yourWIDTH" height="yourHEIGHT" AllowScriptAccess="never" flashvars="pageHref=yourPAGE"></embed> </object>


В коде yourWIDTH замените на желаемую ширину блока, yourHEIGHT на высоту и yourPAGE непосредственно на ссылку на страницу. Ссылка должна быть валидной.

Внимание! Перед тем, как вставлять ссылку, убедитесь, что она валидная. Идеально - воспользуйтесь методом, указанном здесь. Закиньте вашу ссылку в поиск и возьмите в полученном запросе всё, что после ?q=. Вот это значение и вставляйте.

@темы: Эпиграф, Редактирование записи, Оформление дневника, Новая запись, Дневник, Вставка музыки, Вставка медиа-объектов, Вставка видео

20:18 

Просто убрать prosto

Тайя, которая душит романтиков
Не говорите так быстро, я не успеваю класть х*р на ваши слова.
Как вы все уже знаете, Prostopleer.com приказал нам долго жить, и плееры теперь живут на Pleer.com. Но не все так трагично, плееры в постах можно восстановить, достаточно в коде плеера заменить "prostopleer" на просто "pleer" пересохранить пост и плееры появятся.

До изменений


После изменений

Если плееров в посте много, автозамена ворда вам в помощь, копируете код поста, заменяете prosto на ничто, вставляете обратно в пост, занимает одну минуту))

И еще такой момент. Если вы уменьшали высоту плеера, чтобы треки не расползались, исправьте height="XXpx;" (ваше значение) на height="42px;", так как плеер подрос и со старым значением может выглядеть обрезанным .




Важный апдейт: чтобы не видеть рекламу в плеере, сразу при вставке в двух местах height="124" замените на height="42"!

Заодно о Вебораме. Если у кого-то пропали плееры с weborama.ru, замените везде в коде weborama.ru на weborama.fm и они вновь запоют.

@темы: Вставка музыки

09:11 

Дрекки Дримм
There's a time and place for everything, and I believe it’s called 'fan fiction'.
Prostopleer.com вернул себе старый домен, а это значит, что теперь все старые ссылки, а также встроенные embed-коды вновь работают. Следовательно, при желании использовать старый код с компактным плеером достаточно лишь изменить ссылку с "embed.pleer.com" на "embed.prostopleer.com".

Например, было:



Стало:



Однако, так как "при открытии для редактирования записи или комментария, где находится старый код, prostopleer автоматически меняется на pleer", то в случае редактирования поста нужно прописывать ссылку заново.

@темы: Вставка музыки

11:10 

Вставка музыки в дневник

В связи с тем, что сайт pleer.com, который большинство выбирает для вставки музыки в дневник, в скором времени будет заблокирован на всей территории РФ, предлагаем пользоваться различными альтернативами. Например, Яндекс.Музыкой: music.yandex.ru

Принцип тот же: нужно скопировать HTML-код в тело записи.


Если хочется изменить внешний вид плеера, воспользуйтесь настройками ("колесико").

На выходе получается:


Обзор других плееров можно посмотреть тут, здесь или по тэгу Вставка музыки. Правда, с той поры многие сайты перешли на код <iframe>, а это значит, что наш программист должен разрешить вставку оттуда (мы учтем ваши пожелания).



Также можно использовать в качестве плеера ролики из ютуба. Достаточно поменять параметры длины (width) и высоты (height) в коде. В этом примере: width="420" height="100".






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

@темы: Вставка музыки

@Дневники: секреты, тонкости и хитрости

главная