Как вставить аудио и видео на сайт ?
Скачать бесплатные флеш плееры

1.Windows Audio плеер с одним треком

Приведу простейший пример как можно добавить mp3 музыку - для этого достаточно добавить на страницу следующий код :

<embed type="application/x-mplayer2" name="MediaPlayer0" src="http://mymusicarchiv.ucoz.ru/_ld/1/140_Sak_Noel-Paso-T.mp3" autostart="0" animationatstart="0" showcontrols="1" showaudiocontrols="1" showpositioncontrols="0" autosize="0" showstatusbar="1" displaysize="0"
transparentatstart="1" width="300" height="70">

2. Windows Audio плеер с плейлистом

Простейший mp3 плеер с плейлистом добавляется на сайт следующим кодом:

<embed type="application/x-mplayer2" swliveconnect="true" width="280" height="70" pluginpage="http://www.microsoft.com/netshow/download/player.htm"
src="http://topgif.ru/i/hit/play_2011.asx" loop="1" autostart="0" showstatusbar="1" ShowControlls="1" volume="60">

В данном коде ссылка на отдельный mp3 заменена на плейлист: http://topgif.ru/i/hit/play_2011.asx

 

 

3 Flash mp3 плеер с плейлистом для вставки на сайт




Демо этого способа на ucoz.ru
 

Вы можете скачать архив с плеером и кодом для вставки этого плеера на свой сайт

Скачать Flash MP3 Player бесплатно

| LetItBit.net | VIP-file.com | Depositfiles  |

 

 

 

Плейлист, добавленный к плееру, позволяет предоставить посетителю Вашего сайта, возможность выбирать из  списка плейлиста  любой mp3 аудиофайл, который в данном плейлисте представлен.

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

Посетитель сайта, кликая курсором мышки в элементы списка, тем самым запускает воспроизведение того или иного аудио mp3 трека.

Давайте посмотрим, как, с помощью html кода может быть реализована задача добавления на страницу плеера с плейлистом.

Вот первый, достаточно простой вариант, создан на базе плеера от flash-mp3-player.net.

Итак, давайте сразу начнем с практики.  Сначала создадим на диске рабочую папку, например, вот такую -  C:\playlist.

В эту папку скопируем три mp3 аудио записи и сюда же добавим html файл, например с именем index.html:

Плеер для сайта с плейлистом

Добавим в файл index.html следующий код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>

<head>

          <title>Плеер для сайта с плейлистом</title>

          <META HTTP-EQUIV="content-type" CONTENT="TEXT/HTML; CHARSET=windows-1251">

</head>

<body>

<object type="application/x-shockwave-flash" data="player_mp3.swf" width="200"height="100">

<param name="movie" value="player_mp3.swf" />

<param name="FlashVars" value="mp3= Elton_John–Believe.mp3 | Mylene_Farmer-Beyond_my_control.mp3 | Grig_Leps-I_No_Love.mp3 &amp;showvolume=1" />

</object>

</body>

</html>

Теперь, откроем браузером файл index.html. Как видите, перед нами открылся плеер с плейлистом:

Плейлист для проигрывателя
 

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

Давайте последовательно посмотрим, как это работает данный html код.

Итак, строкой:

<object type="application/x-shockwave-flash" data="player_mp3.swf" width="200"height="100">

Браузеру объявляется, что необходимо отобразить внешний flash объект,  тип объекта указан параметром type.

Сам объект расположен по адресу data="player_mp3.swf", размеры объекта – ширина 200 пикселей, высота 100 пикселей.

Вот с такими основными параметрами открывается тег object.

Теперь давайте рассмотрим, какие дополнительные параметры, передаются браузеру данным кодом. Мы знаем, что дополнительные параметры браузеру передаются с помощью тегов  param.

Если мы откроем html справочник, то прочитаем, что тег<PARAMhttp://mymusicarchiv.ucoz.ru/_ld/1/140_Sak_Noel-Paso-T.mp3араметров Java-апплетам или объектам веб-страницы, созданным с помощью тегов <APPLET> или <OBJECT>.

Синтаксис использования тега <PARAM>:

    Name - имя параметра

    Value - значение параметра

Итак, следующая строка:<param name="movie" value="player_mp3.swf" /> говорит браузеру проигрывать плеером player_mp3.swf

 

И далее, через вертикальную линию, идет перечень mp3 аудио файлов, которые и составляют плейлист.

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

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

Неоспоримым преимуществом данного проигрывателя является его простота.

 

Добавление mp3 и видео на сайт с помощью Flash плееров

 

Dewplayer

Этот плеер можно поставить в различных конфигурациях: мини, классическая, с плейлистом, с регулятором громкости

Код для вставки плеера:

<object type="application/x-shockwave-flash" data="dewplayer.swf?mp3=http://greentrees.ucoz.ru/_ld/0/10_Lady_Gaga_Alexa.mp3" width="200" height="20" id="dewplayer">
<param name="wmode" value="transparent" /><param name="movie" value="dewplayer.swf?mp3=http://greentrees.ucoz.ru/_ld/0/10_Lady_Gaga_Alexa.mp3" /></object>

Playlist

Посмотреть все возможные конфинурации Dewplayer на ucoz

 

Скачать Dewplayer бесплатно

 | Depositfiles | LetItBit.net | VIP-file.com |

 

 

Flash Audio Player

– это Flash mp3 плеер с открытым исходным кодом, который выпущен под открытым кодом лицензии MIT. Создавался изначально как плагин для Wordpress, но разработчик также создал автономную версию, которая может быть использована для  любого веб-сайта.  Wordpress пользователи получают в свое пользование множество вариантов настройки под свои блоги.

 

Скачать Flash Audio Player бесплатно

| LetItBit.net | VIP-file.com | Depositfiles  |

 

Чтобы добавить этот плеер нужно закачать скрипт и плеер на сайт код для плеера указан ниже:

<html><head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link href="http://tourparad.com/style2.css" rel="stylesheet" type="text/css">
</head>
<script type="text/javascript" src="audio-player.js"></script>
<script type="text/javascript">
AudioPlayer.setup("player.swf", {
width: 290
});
</script>

</head>
<body>

<p id="audioplayer_1"><span lang="en-us">1 track</span></p>
<script type="text/javascript">
AudioPlayer.embed("audioplayer_1", {soundFile: "demo2.mp3"});
</script>

<p id="audioplayer_2">2 track</p>
<p>
<script type="text/javascript">
AudioPlayer.embed("audioplayer_2", {soundFile: "demo.mp3"});
</script>

<a href="http://mymusicarchiv.ucoz.ru/wpplayer/demo.htm" target=_blank">
<span lang="en-us">Demo </span>на <span lang="en-us">ucoz</span></a></p>
<p>
&nbsp;</p>
<p>
<a href="http://wpaudioplayer.com" target=_blank">http://wpaudioplayer.com</a></p>

</body>
</html>

Flash MP3 Player

Скачать этот плеер вы можете с любого из файлообенников:

 

Скачать Flash MP3 Player бесплатно

| LetItBit.net | VIP-file.com | Depositfiles  |

 

Код для вставки этого плеера:


<object type="application/x-shockwave-flash" data="audio_player.swf" id="audioplayer1"
height="24" width="288">
<param name="movie" value="audio_player.swf"></param>
<param name="FlashVars"
value="playerID=1&autostart=no&bg=0xffffff&loader=0xefcda5&border=0xff8b00&text=0x945100&leftb
g=0xff8b00&lefticon=0xffffff&righticon=0xffffff&slider=0xff8b00&rightbg=0xff8b00&soundFile=dem
o.mp3"></param>
<param name="quality" value="high"></param>
<param name="menu" value="false"></param>
<param name="wmode" value="transparent"></param>
</object>

 

Вариант стильного флэш плеера с регулировкой звука

Код для вставки этого флеш плеера:

<object type="application/x-shockwave-flash" id="videoplayer757" data="http://s2.dump.ru/themes/dump/images/player.swf" height="36" width="230"><param name="bgcolor" value="#ffffff"><param name="allowFullScreen" value="false"><param name="allowScriptAccess" value="always"><param name="movie" value="http://s2.dump.ru/themes/dump/images/player.swf"><param name="flashvars" value="st=http://s2.dump.ru/themes/dump/images/player_style_audio.txt&amp;file=http://1000mp3.ucoz.ru/_ld/0/47_Gradusy-Zametae.mp3"></object>

 


 


 

JW FLV Player – очень популярный медиа проигрыватель. Поддержка широкого диапазона форматов с которыми работает Flash (FLV, MP4, MP3, AAC, JPG, PNG и GIF). При этом JW FLV Player также поддерживает живое воспроизведение, RTMP, HTTP,  различные форматы плейлистов , широкий спектр настроек и обширный JavaScript API.

Скачать Flash JW MediaPlayer 5.9 бесплатно

| LetItBit.net | VIP-file.com | Depositfiles  |

 


И напоследок еще несколько флэш плееров:

Flash MP3 Player — Простое бесплатное приложение, позволяющее проигрывать музыку на веб-сайте. Включает в себя настраиваемый дизайн, простую установку, автоматическую генерацию плейлиста и другие полезные функции

 

Flowplayer — видео проигрыватель с открытым исходным кодом (GPL 3). Его стоит использовать для воспроизведения видео на сайте.


 

Flash Video Player плагин для WordPress прекрасно подходит для публикации видео в блоге на WordPress. Он поддерживает водяные знаки, пользовательские темы и имеет интерактивные элементы управления.

 

WP Adudio Player — плагин для WordPress, предназначенный для воспроизведения MP3 файлов в сообщениях. Плагин достаточно прост в использовании и настройке. А при использовании данного руководства, WP Audio Player можно использовать также на сайтах, и не основанных на WordPress.

 

XSPF Web Music Player — Flash-приложение для веб, написанное на ActionScript 2. Для восроизведения XSPF Web Music Player использует XSPF формат плейлистов. XSPF — открытый формат данных для плейлистов, основанный на XML.


 

 

 Добавление музыки на свой сайт при помощи кода

Этот способ подойдет даже для сайтов размещенных на народе и ucoz.ru

Для этого нужно скопировать следующий код   и вставить его на страницу своего сайта

Если ваш сайт лежит на ucoz -сначала открываете html редактор - и уже в нем добавляете код

Уменьшить

 

Для сайтов на народе просто целиком вставляете этот код в тело страницы

 

Ниже я приведу коды mp3 сборников моих любимых исполнителей

а так же примеры того как они будут выглядеть на вашем сайте

1. Сборник песен Народный Хит парад содержит 4 раздела

<Хиты Ресторанов> <Хиты Радиостанций и TV> <Мировые хиты> <Хиты Юмора>

 Код для вставки сборника на сайты

 

 

Стас Михайлов

Лучшие песни Стаса Михайлова Код для сайтов:





Лучшие песни Елены Ваенги Код для сайтов:





Елена Ваенга MP3 Альбом Лучшее 2 CD Код для сайтов:



Михаил Круг

Лучшие песни Михаила Круга Код для сайтов:

 

Лучшая французская музыка Код для сайтов:

Прослушать сборник Французской музыки

 

Джо Дассен mp3

Лучшие песни Джо Дассен Код для сайтов:
 

Лала Хопер (шансон) Код для сайтов:



Владимир Стольный (шансон) Код для сайтов:

Кстати можно выводить страницу с музыкой во всплывающем окне - ниже ссылки в качестве примера

 

 

 

1. Сборник песен Народный Хит парад содержит 4 раздела

<Хиты Ресторанов> <Хиты Радиостанций и TV> <Мировые хиты> <Хиты Юмора>

 Код для вставки сборника на сайты

 

 

Стас Михайлов

Лучшие песни Стаса Михайлова Код для сайтов:





Лучшие песни Елены Ваенги Код для сайтов:





Елена Ваенга MP3 Альбом Лучшее 2 CD Код для сайтов:



Михаил Круг

Лучшие песни Михаила Круга Код для сайтов:

 

Лучшая французская музыка Код для сайтов:

Прослушать сборник Французской музыки

 

Джо Дассен mp3

Лучшие песни Джо Дассен Код для сайтов:
 

Лала Хопер (шансон) Код для сайтов:



Владимир Стольный (шансон) Код для сайтов:

Кстати можно выводить страницу с музыкой во всплывающем окне - ниже ссылки в качестве примера

 

 

 

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


 

 

 
     
Мастера анимации Уроки анимации Программы для анимации Форум