コメント - Rmake

このコメントは、音楽、効果音の試聴へのコメントです。

コメントの内容

aoihikawa(投稿日：2021/03/26 13:03/26/21)

若干、表示場所に違和感はありますが、
自分が投稿した素材も確認できるよう
一部コードを書き換えてみました

ご確認頂けましたら、幸いです

background.js

chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
    fetch(`https://rmake.jp/player/game/${request}/published_item`).then(function (response) {
        if (response.ok) {
            return response.json();
        } else {
            fetch(`https://rmake.jp/create/materials/${request}.json`).then(function (response) {
                if (response.ok) {
                    return response.json();
                } else {
                    
                }
            }).then(function (json) {
                sendResponse(json.url);
            });
        }
    }).then(function (json) {
        if (json) {
            sendResponse(json.url);
        }
    });
    
    return true;
});

content.js (UTF-8で保存してください)

chrome.runtime.sendMessage(location.pathname.split("/").pop(), function (receive) {
    if (!receive) return;
    
    let audio = new Audio(`https://d2nlrppnj7be8d.cloudfront.net${receive}`);
    audio.controls = true;
    audio.controlsList.add("nodownload");
    
    let published_item_area = document.querySelector("div.published_item_area");
    if (published_item_area) published_item_area.appendChild(audio);
    
    let legend = document.querySelector("legend")
    if (legend) {
        if (legend.textContent.startsWith("音楽") || legend.textContent.startsWith("効果音")) {
            let h4 = document.querySelectorAll("h4");
            if (h4[1]) h4[1].appendChild(audio);
        }
    }
});

manifest.json

{
    "name": "Soundtest on Rmake",
    "description": "公開されている音楽・効果音素材を試聴できる簡易プレイヤー",
    "version": "1.2",
    "manifest_version": 3,
    "background": {
        "service_worker": "background.js"
    },
    "content_scripts": [
        {
            "matches": [
                "https://rmake.jp/published_items/*",
                "https://rmake.jp/create/materials/*"
            ],
            "js": [
                "content.js"
            ]
        }
    ]
}

コメントの内容(一番最初の投稿)

aoihikawa(投稿日：2021/03/26 13:03/26/21)

chrome.runtime.onMessage.addListener(function (request, sender, sendResponse) {
    fetch(`https://rmake.jp/player/game/${request}/published_item`).then(function (response) {
        if (response.ok) {
            return response.json();
        } else {
            fetch(`https://rmake.jp/create/materials/${request}.json`).then(function (response) {
                if (response.ok) {
                    return response.json();
                } else {
                    
                }
            }).then(function (json) {
                sendResponse(json.url);
            });
        }
    }).then(function (json) {
        if (json) {
            sendResponse(json.url);
        }
    });
    
    return true;
});

content.js (UTF-8で保存してください)

chrome.runtime.sendMessage(location.pathname.split("/").pop(), function (receive) {
    if (!receive) return;
    
    let audio = new Audio(`https://d2nlrppnj7be8d.cloudfront.net${receive}`);
    audio.controls = true;
    audio.controlsList.add("nodownload");
    
    let published_item_area = document.querySelector("div.published_item_area");
    if (published_item_area) published_item_area.appendChild(audio);
    
    let legend = document.querySelector("legend")
    if (legend) {
      if (legend.textContent.indexOf("音楽") !== -1 || legend.textContent.indexOf("効果音") !== -1) {
        let h4 = document.querySelectorAll("h4");
        if (h4[1]) h4[1].appendChild(audio);
      }
    }
});

manifest.json

{
    "name": "Soundtest on Rmake",
    "description": "公開されている音楽・効果音素材を試聴できる簡易プレイヤー",
    "version": "1.2",
    "manifest_version": 3,
    "background": {
        "service_worker": "background.js"
    },
    "content_scripts": [
        {
            "matches": [
                "https://rmake.jp/published_items/*",
                "https://rmake.jp/create/materials/*"
            ],
            "js": [
                "content.js"
            ]
        }
    ]
}