Radiko で早送り・巻き戻しをする方法

PCのWeb版のRadikoで、早送り・巻き戻しをする方法です。

PCのWeb版のRadikoには早送り・巻き戻し機能がありません。何かいい方法ないかとネットで調べると「友達に教えるボタンをクリックすると、６０秒・５秒で早送り・巻き戻しボタンがでてくる」という、正に求めていた方法が見つかりました。

https://miyearnzzlabo.com/archives/66968

しかし、実際にやってみると、早送り・巻き戻ししても、しばらくすると最初の再生位置にまで巻き戻ってしまいうまくいきませんでした。

そこで、「６０秒・５秒で早送り・巻き戻し」という機能自体は求めていたものなので、その機能は残しつつ、他の方法で動くようにしました。

手順

ChromeでF12キーを押してDevToolsを開く
Consoleに移動
下記JavaScriptをコピーしてConsoleに貼り付けてEnterを押す

function move(sec) {
    let url = $('#url').val();
    let q = $.Radiko.parseQueryString(url);
    if (!q.seek) {
        return;
    }
    const seekXdate = tm_to_xdate(q.seek);
    const seek = xdate_to_tm(seekXdate.addSeconds(sec));

    if (seek < q.ft || seek > q.to) {
        return;
    }

    url = create_ts_url({
        ft: q.ft,
        to: q.to,
        seek: seek,
    });

    play(url);
}

function setMoveKey() {
    document.addEventListener('keyup', (e) => {
        if (!e.shiftKey) {
            return;
        }

        switch (e.code) {
            case 'ArrowRight':
                move(5);
                break;
            case 'ArrowLeft':
                move(-5);
                break;
            case 'ArrowUp':
                move(60);
                break;
            case 'ArrowDown':
                move(-60);
                break;
            default:
        }
    });
}

setMoveKey();