javascript - 在页面标题中插入带有空格的播放图标 - 就像 YouTube

Question

所以我得到了这个小代码 I found online要在页面标题栏中显示 unicode 播放图标，就像 YouTube 在播放和暂停视频时所做的那样:

$('audio').on('play pause', function () {
    var player = $('audio')[0];
    PrependPageTitle(player);
});

function PrependPageTitle(player) {
    if (player.paused) {
        if (document.title.charAt(0) === '\u25ba')
            document.title = document.title.slice(1);
    } else {
        if (document.title.charAt(0) !== '\u25ba')
            document.title = '\u25BA' + document.title;
    }
}

工作完美。我遇到的唯一问题是页面标题和图标之间的播放图标后面没有空格。这有点困扰我。我尝试为空格添加 unicode (+ '\u0020')，但它似乎无法正常工作。有人可以帮我吗？感谢您抽出时间。

Answer 1

您共享的示例在他们添加的字符后面有一个空格。他们有 \u25B6 而你有 \u25BA (不同的字符代码，后面也没有空格。)