Как сделать радио на сайте
Давайте попробуем сделать радио на сайте. Находим код, изменяем его под дизайн и пробуем установить на сайт онлайн радио.
Добрый день друзья блога moneytime.com.ua! После новогодних праздников настроение у меня веселое. Так и хочется создать в блоге такую же атмосферу. Предлагаю следующий вариант, сделать/установить радио на сайте.
Выясняем, как сделать радио на сайте?
Кратко, экономим ваше время:
- Хочу сделать радио на сайт.
- Плееры, плагин и код – что выбрать?
- Устанавливаю радио на блог.
- Такие фото редко увидишь!
Почти весь январь прошел в чередовании праздников и работы. А во время работы сохранить праздничную атмосферу удавалось благодаря музыке по радио.
А почему бы не сделать на сайт радио? Решил узнать эту тему в сети. Расскажу, какие есть варианты и как я установил.
Нам в помощь поисковик Гугл, набирал следующие запросы:
- как сделать радио на сайте html
- вставить онлайн радио на cайт и др.
Конечно, можно было и не искать способ прослушивания и как вставить радио в сайт/блог. Можно было обойтись недавним появлением на проекте новой ссылки в сайдбаре. С помощью её пробовал сделать оригинальный сайт. Как получилось судить вам, дорогие читатели. 
Сначала в поисковике попадались разнообразные варианты плееров. Популярные ресурсы предлагали установить плеер собственного производства. Например, можно выбрать здесь среди нескольких вариантов myradio.ua/getbutton.
У вас есть возможность выбрать размер кнопки плеера нужного размера для вашего проекта/блога. Вариантов несколько – 260 px, 200 px, 160 px,и 130 px.
После этого выбираете формат музыки Disco, Dance Club и др. И получайте долгожданный код кнопки. 
Осталось установить и услышать результат.
Вариант хороший, но меня не устраивал. Во-первых, прослушивание музыки открывалось в новом окне, во-вторых, не было возможности изменить дизайн кнопки полностью под свой блог. 
Далее можно попробовать сделать онлайн радио на сайт с помощью плагина. Подобных плагинов почему-то мало. Как вариант плагин Shout Stream. Версия плагина подходит к сегодняшней версии WordPress 3.3.1.
Скачать по адресу wordpress.org/extend/plugins/shout-stream
Сам Shout Stream у себя не устанавливал, т.к. много итак использую плагинов. Кто попробует его работу, поделитесь своими отзывами.
Продолжаю искать ответ в сети, как сделать/установить/встроить на сайт радио?
Здесь blog.codingexpert.de/?p=66 можно найти ответ. Автор предлагает свою разработку на Flash. Предлагается прослушать пример и прочитать про его вариант. Плеер поддерживает MPEG аудио потоки. Дизайн конечно по вкусу не каждому, значит идем далее.
Вставляем радио на сайт с помощью кода
Вставить онлайн радио на сайт/блог предлагает следующий полезный сервис для любителей музыки – radiopotok.ru/radio_on_site . Кроме этого онлайн сервис позволяет послушать радиостанции онлайн.
Здесь имеется большой выбор радиостанций. В предлагаемом списке находим те, которые хотим транслировать у себя. Жмем – Получить код.
Нам предложат два варианта. Первый вида
второй такой
Конечно первоначальный вид очень примитивный. Но именно это меня и заинтересовало. Дело в том, что код можно изменить под свой дизайн блога. Он вставляется в нужное вам место и легко настраивается. Рекомендую подобрать цвета для кода, сочетающиеся с дизайном блога.
Узнать цвета в своем проекте помогут полезные программы: Pixle, Puler и ColorGet. Первыми двумя программами я также пользуюсь для определения размера того или иного объекта. Облегчайте себе труд уважаемые блоггеры!
для подбора цвета.
Если вы пользователь браузера Google Chrome, рекомендую расширение Eye Dropper и Color Pick. Мои плагины для Гугл Хром, почти всеми из предложенного списка пользуюсь постоянно.
Вам осталось изменить в предложенном коде:
- Цвет фона;
- Размер шрифта;
- Цвет и толщину рамки;
- Также выбрать цвет постоянной ссылки и при наведении.
Если вы против, чтобы с вашего проекта была открытая внешняя ссылка, рекомендую код обернуть в тег <noindex>…</noindex>. Узнать внешние ссылки можно благодаря полезному сервису проверки сайта.
Переделанный код можно поместить в файлы single.php и sidebar.php. Или вывести как я виджетом.
После того, как мы сделали онлайн радио на сайте/блоге, рекомендую провести проверку скорости работы сайта. Это нам поможет выявить, насколько новый код замедляет скорость проекта.
Понравилась статья, смело . В следующий раз расскажу, как провести анализ блога одной очень полезной программой.
Как видите, теперь в вашем блоге читатели могут не только получить необходимую информацию из текста. Также во время чтения вы предлагаете включить по выбору популярную радиостанцию. Любители музыки могут задержаться у вас в гостях, тем самым улучшая поведенческие факторы в глазах поисковиков. 
Интересно, какие способы вы используете в своем проекте, чтобы ваш блог стал популярным и посещаемым?
Сегодня у меня есть одна новость. Зная свое умение делать ошибки в написанном тексте, набрался смелости услышать мнение профессионального копирайтера. Блог участвует в акции блога Алины Самульской - Получите бесплатный обзор своего блога. Алина обещала показать и проанализировать в своем обзоре ошибки, с которыми я пытаюсь постоянно бороться при написании очередной статьи. Также, кто нуждается в написании грамотных и технически осмысленных текстов, обращайтесь к Алине.
Сегодня все. Если кто не разберется, как сделать/встроить радио на сайте, отвечу на ваши вопросы.
Удача всегда с Вами! С Уважением, Александр
Благодарен, кто поделился статьей:
Подписка по - Спасибо за подписку!
Сегодня предлагаю посмотреть уникальные и необычные фотографии. Поверьте, такие фото редко увидишь!
- Prospero.ru отзывы, как получить ссылки Twitter дешево.
- Один из способов получить оригинальный сайт.
- Скорость работы сайта. 14 сервисов для проверки скорости открытия сайта.
- Бесплатные фотографии для сайта. Список 25 сайтов где скачать.
- Сервис проверки сайта на исходящие ссылки
- Список социальных сетей для анонса.
- Как сделать скриншот сайта в Google Chrome
 |
Спасибо, Алина! С удовольствием прочту обзор своего блога.
Всегда был интересен взгляд со стороны.
Приглашаю читателей ознакомиться с статьей Алины.
Александр, привет! 10 000 комментариев на блоге – уникальный результат. Твой блог является примером и стимулом к покорению вершин.
Неожиданный сюрприз, с нетерпением жду следующего поста.
Планирую на новом блоге поставить радио на сайте.
Хочу проверить время посещения страницы. Код пригодился. Благодарен.
Павел, попробуйте поставить радио на своем блоге. По статистике можно проследить, дает увеличение времени пользователей на сайте или нет? Может вам будет полезным. Успехов в блоговедении! 
Добрый день!
Первый предложенный Вами вариант, myradio.ua, у меня стал отлично. А вот последний стал только в первом варианте. Все равно я Вам очень благодарна!Если на сайте 2 или 3 предложенных варианта радио, это нормально или может посетителей отталкивать?
У меня еще вопрос-предложение: не могли бы Вы предложить вариант установки на сайт Вордпресс он-лайн ТВ? Мозг сломался уже, честное слово, шестой день кряду (все поисковики мне в помощь!)ищу нормальный приемлемый вариант: чужие фреймы загружать не хочется (получается, работаешь на чужую статистику и посещаемость, а не на свою). В общем, пока я не смогла найти альтернативу тому варианту, который у меня на сайте (он тут временно, хотела второй создать, чтобы и ТВ, и радио было; строго не судите, моему сайту 2 недели, да и сама – только начала учиться в школе Старт Ап). Подписываюсь на комментарии, с большой надеждой.
Татьяна, я бы посоветовал оставить один вариант. К тому же есть еще онлайн тв на сайте.
Установкой онлайн тв не интересовался. Если встречу приемлемый вариант, обязательно дам знать вам или напишу отдельно в блог.
Еще совет, закройте ссылки в счетчиках от индексации. А в остальном все правильно делаете.
Закрываете каждую ссылку в счетчиках(2 счет.) в теги noindex…/noindex. Если не разберетесь, можете на почту вопросы.
Также вам необходимо подправить первую строку в файле robots.txt, сейчас – User-agent: * -
Собственно особо ничего настраивать не пришлось, все заработало с первого раза.
Shout stream plugin
например ставим радио рекорд online.radiorecord.ru:8101/rr_128
в графу online.radiorecord.ru stream ip
8101 в графу port
и rr_128 в графу mountpoint
на сайте на моем вполне сносно работает) it-tech.su
все эти параметры можно посмотреть на сайте который был представлен выше – radio.north.kz. в графе плеера в свойствах.
Есть одна особенность. radio играет только с плеером ffmp3. с windows media player и minicaster играть не захотел..
наткнулся вот еще на один сайт для установки радио. myradio24.com/?to=set
там только одно радио, но дизайн мне понравился, хотя не совсем то что искал. но может кому приходиться
Комментирование временно закрыто
Привет, друзья! Благодарен, что вы стали читателем этого блога. В блоге пишу на темы: как создать блог/сайт, настройка плагинов WordPress, сервисы. Поделюсь с вами своим личным опытом.
Здравствуйте,Александр. Обзор Вашего блога готов: . Читайте сами и приглашайте своих читателей!