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

:::warning
* 這是從使用者端接收的位元率推算,不保證正確
* 這個語法只有**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/B183d6iwG)

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

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

###### tags: `js`