読者です 読者をやめる 読者になる 読者になる

The jonki

呼ばれて飛び出てじょじょじょじょーんき

【MusicUnlimited】Chrome ExtensionsでMusic Unlimitedで再生してる曲をつぶやく

前回、【MusicUnlimited】Chrome ExtensionsでMusic Unlimitedの曲を操作する の続き。今回はMusic Unlimitedで再生中の曲をつぶやくこんなやつを作りました。一番左のアイコンです。



githubはこちら。
https://github.com/jojonki/ChromeExtensions/tree/master/extentions/JMU/twt


追記 Chromeウェブストアに公開しました

popup.js

Music Unlimitedのページを見ると、曲コントロール部にgwt-Anchor...といったクラスがあるので、それを取得。0番目、2番目に曲、アーティスト情報が入っているのでそれを使います。あとはその情報をもとにtwitterのツイートページを開きます。OAuthをやらない分、かなり実装は楽チンですね。

$(function() {  

MATCH_URL = "https://music.sonyentertainmentnetwork.com/*";
TWEET_BASE_URL = "https://twitter.com/share?text=";

chrome.tabs.query( //check if mu tab exists
    {url: MATCH_URL}, // url pattern
    function(response){
                if(response.length > 0) { // find mu tabs
                        var tabId = response[0].id; // use first mu tab id
                        var tabUrl = response[0].url;
                        var command = "\
                                var href = document.location.href; \
                                var tags = document.getElementsByClassName('gwt-Anchor '); \
                                var artist = tags[0].title; \
                                var song = tags[2].title; \
                                var tweet = song + ' - ' + artist + ' ' + href + ' #MusicUnlimited #nowplaying #JMU '; \
                                var tweet_url = 'https://twitter.com/share?url=&text=' + encodeURIComponent(tweet); \
                                console.log(tweet); \
                        ";
                        chrome.tabs.executeScript(tabId, {code: command}, function() {
                                chrome.tabs.executeScript(tabId, { code: "window.open(tweet_url);"});
                                window.close();
                        }); // execute command with tabId
                }
        }
);

})