Как вставить музыку в программе Dreamweaver.

Будем вставлять музыку на страницу сайта.

Существует несколько способов встроить музыку себе на сайт!

1.Код плеера, в который можно встроить любой музыкальный файл.

2.Готовый  код плеера со встроенной музыкой.

Таким образом можно добавить музыку себе на любой блог, если он поддерживает вставку HTML кода. Смотрим пример на блоггере.

Как встроить музыку на сайт.

Способ №1.

В самом начале бесплатный совет!

Для того, чтобы проверить работоспособность плеера, скопируйте код №1, (ссылка на код плеера, чуть ниже,) так как есть. Вставьте в страницу.

Залейте на сервер и проверьте работает ли плеер!

Если всё работает, то вместо ссылки вставляем ссылку на свой файл.

Либо копируем код №2.

И вставляем вместо слов ССЫЛКА НА ВАШ МП3 ФАЙЛ – ссылку на ваш мп3 файл

Нам нужен самый простой код плеера, в который мы сможем вставить ссылку на наш музыкальный файл.

Я просто забил в поисковик скачать код плеера.

Вот, что мне попалось:

Код плеера  копируем отсюда.

<object type="application/x-shockwave-flash"
data="http://marrex.ru/1216/player/pl.swf" height="70" width="470">
<param name="wmode" value="transparent" />
<param name="allowFullScreen"
value="true" />
<param name="allowScriptAccess" value="always" />
<param name=
"movie" value="http://marrex.ru/1216/player/pl.swf" />
<param name=
"FlashVars" value="way=ССЫЛКА НА ВАШ МП3 ФАЙЛ&amp;
swf=http://marrex.ru/1216/player/pl.swf&amp;w=470&amp;h=70&amp;
time_seconds=
0&amp;autoplay=0&amp;
q=&amp;skin=http://marrex.ru/1216/player/skin.swf&amp;
volume=50&amp;comment=" />
</object>

Заливаем наш файл, в папку.

Напоминаю, что между словами не должно быть пробелов.

Если будет пробел, то работать не будет. Замените все пробелы или верхним тире  «–», или нижним «_», либо просто удалите.

Как сделать ссылку на ваш файл, то можно посмотреть вот тут.
Наша ссылка получилась вот такая:

http://doing-sites.narod.ru/1_foto/music/Concerto_Pour_Piano.mp3

Теперь эту ссылку вставляем в код,  заменив слова –«ССЫЛКА НА ВАШ МП3 ФАЙЛ».

Вставляем в то место, где хотим видеть наш плеер с музыкой.
Смотрим, что у нас получилось!

Смотреть видео- как вставить музыку на сайт в программе Dreamweaver.

Внимание!

Здесь на странице, местами поменял способ №1 и способ №2.

В видео, этого сделать невозможно, поэтому прокручиваем до  времени 2:05.

• Потом ещё добавлю проигрыватель  со списком воспроизведения!

Готовый  код плеера со встроенной музыкой.

К сожалению, но следующий абзац, который касается сервиса «Яндекс музыка» не работает! Т.е. в самом начале, когда я этот код встроил себе на сайт, он работал, но после нескольких дней… увы перестал! Я не понимаю, зачем, тогда вообще  этот сервис  предлагает такую возможность!?

Если потом, этот код перестаёт работать!

Это вам на будущее! Если вы хотите делать сайт, то делайте все автономно! А, то в определённый момент, все ваши страницы, сделанные по такому принципу, просто перестанут работать!

См ниже этого абзаца... код плеера, где можно встраивать музыку автономно!

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

Желательно, чтобы это был сайт, который имеет права на эту музыку.

Для примера возьмем  «Яндекс музыку»

Найдем интересующую нас музыку.

Открываем сайт, забиваем в поисковую строку Concerto Pour Piano N°1.

Ищем кнопочку встроить в блог.

Выходит всплывающее окно. Нужно скопировать код.

Вот скопированный  код:

<object width="350" height="48"><param name="muz" value="http://music.yandex.ru/embed/7508560/track.swf"/><param value="noscale" name="scale"/><param value="bg-color=%23F2F2F2&amp;text-color=%23777777&amp;hover-text-color=%23000000" name="flashvars"/><embed type="application/x-shockwave-flash" width="350" height="48" scale="noscale" flashvars="bg-color=%23F2F2F2&amp;text-color=%23777777&amp;hover-text-color=%23000000" src="http://music.yandex.ru/embed/7508560/track.swf"/></object><div style="font-size: 11px; margin-top: 3px"><a href="http://music.yandex.ru/artist/246922">Van Cliburn</a> — <a href="http://music.yandex.ru/track/7508560/album/790656">Concerto Pour Piano N°1 (Ouverture)</a> на <a href="http://music.yandex.ru">Яндекс.Музыке</a></div>

Далее  выделим то место, куда хотим поставить эту музыку.

Открываем «код»  в программе Dreamweaver и вставляем код плеера с музыкой.

Смотрим, что у нас получилось! Нажмите пуск!

Реально ..Яндекс задолбал!

Как только не свяжешься с ним, то это не работает, то другое!

(У меня зять такой же...)

Поэтому, музыка, вставленная на этой странице,чуть ниже, из "Яндекс музыки"и не работает…

Вскоре найдем альтернативу…