Одновременно руководительница Yahoo, бывшая сотрудница Google мадамка Marissa Mayer закрыла замечательный Yahoo Mediaplayer :( , который мне очень нравился и который использовал на своих блогах.
Замена нашлась быстро: плеер SoundManager 2
Чтобы использовать SoundManager 2 на своем сайте или блоге скопируйте папку с файлами этого аудиплеера и разместите у себя на сайте или где-нибудь в облачном хранилище, которое позволяет обращаться к файлам по прямым ссылкам, например Dropbox.
Для проигрывания аудио в блоге на Blogspot / Blogger откройте для редактирования Шаблон блога, найдите в коде 
и сразу перед ним вставьте ссылки на файлы плеера, например следующий код:
и сразу перед ним вставьте ссылки на файлы плеера, например следующий код:
В шаблоне используйте ваши ссылки на файлы плеера:
.../soundmanager/script/soundmanager2.js
.../soundmanager/demo/flashblock/flashblock.css
.../soundmanager/demo/mp3-player-button/script/mp3-player-button.js
.../soundmanager/demo/mp3-player-button/css/mp3-player-button.css
Для копирования публичных ссылок на файлы в "облаке" удобно пользоваться установленным Dropbox-oм:
В создаваемой заметке в режиме HTML вставьте ссылку на аудиофайл, например:
Получится такая кнопка для проигрывания аудио:
[mp3] Песня Kalliolle, kukkulalle
Я описал только схему как вставить аудио в блог с помощью SoundManager 2 , а подробнее об этом, а также как выбрать различные кнопки можно узнать из статьи: Embedding Audio In a Blogger Post Using Sound Manager 2
Еще один простой аудиоплеер для "встраивания" на сайт или блог: audio.js
HTML5 позволяет размещать аудио на страницу сайта гораздо проще.
Например, этот простой код:
<p><b>Песня Kalliolle, kukkulalle</b></p> <div> <audio controls=""> <source src="https://s3-eu-west-1.amazonaws.com/finnish4u/Fin4u_songs/Kalliolle+kukkulalle.mp3"> </audio>
добавит аудио на страницу блога:
Песня Kalliolle, kukkulalle
Комментариев нет:
Отправить комментарий