17 января 2014 г.

Now Playing (сейчас играет) в связке foobar2000 и блога (сайта и др.)

Продолжу тему оповещения всех о вашей музыке. Теперь мы будем встраивать информацию на сайт, блог или любой ресурс поддерживающий http. Половина информации отсюда.
1. Ставим и настраиваем dropbox.
2. Качаем плагин Foobar2000:Now Playing Simple.
Прописываем путь к файлу C:\Users\_User_\Dropbox\Public\out.html (_User_ - меняем на ваш профиль). Строчка форматирования такая:

%artist% - %title% / 


3. Качаем два файла отсюда или прямо из моего блога: раз и два. Заливаем к себе в dropbox. Чтобы получить публичную безвременную ссылку в дропбокс замените 'www.dropbox.com' на 'dl.dropboxusercontent.com' в ней.
4. Прописываем виджет в блогспоте (или на сайте, поменяйте пути к dropbox на свои):
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.0.3/jquery.min.js"></script>
<script type="text/javascript" charset="utf-8" src="http://dl.dropboxusercontent.com/s/gnhdeg1bt5gih4v/date.to_relative_time.jquery.js"></script>
<script type="text/javascript" charset="utf-8" src="http://dl.dropboxusercontent.com/s/g87i4ss1odc8jeh/date.extensions.js"></script>
 
<script>
$(function(){

   $.get("https://dl.dropboxusercontent.com/sh/abo4xjbtappf8fp/2lHB9SZoe2/out.html", function(data) {
      $("#nowPlayingInfo").html(data);

 var now = new Date(); //"now"
        var play_Time = new Date(play_Time_str); // Date/Time formatting with %stamps as per AMIP functions and variables. (more info on their website)
        var diff = Math.abs(now-play_Time); //difference between the current time and the time the song was changed or started playing.
        var diff_minutes = Math.round(diff / (1000*60)); //difference in minutes.

        $("#now_playing_txt").text(new Date(now.getFullYear(), now.getMonth(), now.getDate(), now.getHours(), now.getMinutes() - diff_minutes).toString());
         $("span.rel_").toRelativeTime();

   });
});
</script>

<div class="box">
<p>♫ <span id="nowPlayingInfo"></span><span style="font-size:80%;"><span class="rel_" id="now_playing_txt"></span></span></p>
</div>

Пример - справа вверху.

Комментариев нет:

Отправить комментарий