Космос - «мир, вселенная и мироздание» (др. греческий), первоначальное значение - «порядок, гармония, красота».
Впервые термин Космос для обозначения Вселенной был применён Пифагором...












Как на своём сайте или форуме воспроизвести аудиофайл

Аудиоплеер на свой сайт

Иногда возникает ситуация, когда необходимо добавить на страницы своего сайта, блога либо форума какой либо аудиофайл для воспроизведения. Конечно, есть ресурсы, позволяющие разместить у себя аудиофайл и дающие вам для вставки код своего аудиоплеера. При этом работоспособность этого плеера зависит целиком и полностью от стороннего сайта. Не лучше ли всё сделать на собственном хостинге и ни от кого не зависеть? Тем более, что для этого нужно совсем немного усилий. Итак, что же нам нужно для того, чтобы сделать на своём сайте воспроизведение аудиофайлов в собственном плеере?

Во первых нам нужен сам плеер. Для этого скачиваем вот этот файл audiopleer.swf - это и есть плеер в формате swf. В нём нет никаких излишеств, бегунок воспроизведения, копки пауза-пуск, перемотка, громкость и возможность копирования кода для вставки на другой сайт. Благодаря своей простоте места на хостинге этот файл занимает смешные 10 Кбайт и не имеет привычки глючить и подвисать. Файл этот необходимо загрузить в корневой каталог вашего сайта. Корневой каталог это тот, в котором располагаются такие файлы как index, .htacess или sitemap.xml.

Итак плеер у нас есть. Теперь для его работоспособности нам нужен аудиофайл. Загрузить аудиофайл на хостинг вы можете в любое удобное для вас место, главное точно помнить полный путь к вашему файлу. То есть если вы загрузили его в папку, например audio, то полный путь к вашему файлу будет выглядеть как http://www.VashSite.ru/audio/VashFile.mp3 Теперь для того что бы ваша аудиозапись воспроизводилась на сайте в нужное вам место вы добавляете вот такой код:

<object type="application/x-shockwave-flash" data="audiopleer.swf" height="100" width="670"> <param name="wmode" value="transparent" /> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> <param name="movie" value="audiopleer.swf" /> <param name="FlashVars" value="way=Тут полный путь к вашему аудиофайлу &amp;swf=audiopleer.swf&amp;w=670&amp;h=100&amp;time_seconds=0&amp; autoplay=0&amp;q=&amp;skin=grey&amp;volume=70&amp;comment=" /> </object>

В то место в коде, где написано «Тут полный путь к вашему аудиофайлу» вставляете полный адрес вашего файла, начиная с http:// и заканчивая расширением файла, например .mp3 или .wav На этом в принципе и всё, теперь у вас на сайте будет присутствовать небольшой аудиоплеер, на котором посетители смогут прослушать ваш файл.

Немного расскажу про правки, которые вы можете сделать в этом коде, что бы подработать плеер под свои нужды:

Параметр time_seconds=0 отвечает за то, с какой секунды будет воспроизводится ваша аудиозапись при нажатии на кнопку «Пуск». 0 — это самое начало, по желанию вы можете начать воспроизведение с любого момента, поставив вместо 0 нужную вам секунду.

Параметр autoplay=0 отвечает за автозапуск плеера. Если установлен 0, то плеер будет ждать от посетителя нажатия на кнопку «Пуск». Вы можете указать параметр 1, тогда плеер начнёт воспроизведение автоматически, как только пользователь загрузит страницу.

Параметр volume=70 это громкость. Варьируется от 0 до 100. Эта та громкость при которой плеер начнёт воспроизведение записи. Пользователь может самостоятельно увеличить либо уменьшить громкость в процессе прослушивания.

Параметр skin=grey отвечает за внешний вид плеера. По умолчанию установлен серый вариант. В зависимости от дизайна вашего сайта вы можете использовать другую цветовую гамму. Допустимые варианты: grey, black, red, sky, blue, orange, pink, yellow, brown и green

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

Как получить прямую ссылку на файл с файлового хостинга

На этом в принципе установка собственного аудиоплеера на сайт закончена. Но может получиться так, что ваш аудиофал будет увесистым и тратить ограниченное место на хостинге под него жалко. Что можно сделать в таком случае? Расположить файл на каком либо файловом хостинге. Да в этом случае работоспособность плеера будет зависеть от работы этого внешнего хранилища, но тут уж приходится выбирать: либо мы экономим место, либо зависим от других ресурсов. Да и как правило серьёзные файловые хостинги могут похвастаться практически 100 процентным аптаймом. Но главный ньюанс тут в том, что практически все эти файловые хранилища очень не любят давать прямую ссылку на файл, которая нам категорически необходима для работоспособности нашего плеера. Вместо этого они предоставляют нам ссылку на их страницу, непосредственно с которой и можно скачать наш файл. Можно, конечно, при скачивании файла проследить путь к нему, но как правило это будет хэш ссылка, которая является работоспособной от 2 до 24 часов, что нас естественно не устраивает. Расскажу вам о небольшой хитрости, как можно получить прямую ссылку с такого файлового хостинга как ЯндексДиск. При загрузке вы получаете адрес страницы, с которой можно будет скачать ваш файл, он будет выглядеть примерно так: https://yadi.sk/i/hQwVI42aj7ZAP После этого вы идёте на этот сайт, вводите туда вашу ссылку и получаете прямую ссылку на ваш файл. С этой ссылкой наш плеер будет замечательно работать до тех пор, пока работает сам ЯндексДиск.

Как разместить плеер на форуме

Я указывал в начале статьи о том, что расскажу как воспроизводить аудиофайл на сайте и форуме. Если с сайтом мы разобрались. То на форуме вставка нашего плеера таким способом не возымеет никакого эффекта. Что же делать в таком случае? Позовём на помощь BBcode. Итак создаём в админке форума новый BBcode.

В верхнем окне (Использование Bbcode) прописываем вот это:

[audio]{URL}[/audio]

Параметр [audio] может быть любой, кроме тех, что уже используются в ваших Bbcode'ах. Это в принципе будет его название.

Во втором окошке (Замена HTML) вводим код нашего плеера:

<object type="application/x-shockwave-flash" data="audiopleer.swf" height="100" width="670"> <param name="wmode" value="transparent" /> <param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" /> <param name="movie" value="audiopleer.swf" /> <param name="FlashVars" value="way={URL} &amp;swf=audiopleer.swf&amp;w=670&amp;h=100&amp;time_seconds=0&amp; autoplay=0&amp;q=&amp;skin=grey&amp;volume=70&amp;comment=" /> </object>

Обратите внимание, здесь вместо полного пути к аудиофайлу мы вставляем лексему {URL}, это нужно для того, что бы пользователи форума могли самостоятельно размещать на форуме файлы для воспроизведения, если вы сочтёте это нужным. Если нет, то уберите галочку с чекбокса «Показывать на странице ответа»

В третьем окошке (Подсказка) введите что то подобное:

[audio]прямая ссылка на аудиофайл[/audio]

Не забывайте, что параметр [audio] должен быть таким же как и в верхнем окне (если вы его изменяли конечно).

Ну на этом теперь точно всё, надеюсь, что теперь вы с лёгкостью сможете установить на своём сайте свой собственный независимый аудиоплеер.

UPD. Да, и если ваш сайт работает на какой либо CMS то вставка кода в редактор статьи так же не сработает. Для этого воспользуйтесь плагином, позволяющим вставлять в тело статьи php код. Например на Wordpress можно воспользоваться плагином Exec-PHP...
















Интересные сайты