金剛影像、聲音使用者端位元率測試

• 這是從使用者端接收的位元率推算,不保證正確
• 這個語法只有Chrome瀏覽器能用(播放器要選HTML5播放器)
• 記得畫質要選最佳才會是最接近原始上傳的畫質

用法

1. 使用Chrome瀏覽器
2. 在金剛直播頁面或是實況記錄影片頁面 (直播或影片都要在播放狀態才能測試)
3. 按F12, 分頁切換到Console
4. 將以下語法貼在輸入欄位
5. 要取消的話F5重新整理頁面就可以了

var vbyte_last = 0;
var abyte_last = 0;
var kkplayer2 = document.querySelectorAll("video")[0];
var vbyte_test = function(){
    let vbyte = kkplayer2.webkitVideoDecodedByteCount;
    let abyte = kkplayer2.webkitAudioDecodedByteCount;
    let vwidth = kkplayer2.videoWidth;
    let vheight = kkplayer2.videoHeight;
    let v_avg = ((vbyte-vbyte_last)*8/1024).toFixed(1);
    let a_avg = ((abyte-abyte_last)*8/1024).toFixed(1);
    if(vbyte_last>0 && abyte_last>0 && v_avg > 0 && a_avg>0){
        console.info( `影像位元率: ${v_avg}, 聲音位元率: ${a_avg}, 解析度: ${vwidth}*${vheight}` );
    }

    vbyte_last = vbyte;
    abyte_last = abyte;
};
vbyte_test();
setInterval(()=>{vbyte_test();}, 1000);

顯示結果會像這樣(每秒跳一次):

影像位元率: 5632.1, 聲音位元率: 160.3, 解析度: 1920*1080
影像位元率: 6120.4, 聲音位元率: 163.9, 解析度: 1920*1080
影像位元率: 5534.1, 聲音位元率: 156.3, 解析度: 1920*1080
影像位元率: 6106.5, 聲音位元率: 160.4, 解析度: 1920*1080
影像位元率: 5868.5, 聲音位元率: 159.9, 解析度: 1920*1080
影像位元率: 5532.4, 聲音位元率: 159.1, 解析度: 1920*1080

其他工具

• BABANANA Chat 金剛直播聊天室截取工具

如果要分享的話盡量以這個說明頁面的網址來分享，
這樣可以方便觀看最新的更新內容和說明：

[ https://hackmd.io/s/HJFBzsHCf ]

tags: js