视频播放器Dplayer如何监听切换清晰度

Question

视频播放器Dplayer如何监听切换清晰度
视频播放器Dplayer如何监听切换清晰度

Answer 1

// 监听playbackratechange事件
const player = new DPlayer({
    container: document.getElementById('dplayer'),
    video: {
        url: 'https://example.com/path/to/video.mp4',
        type: 'auto'
    }
});
player.on('playbackratechange', function () {
    console.log('Switch to new quality');
});

// 监听video:switchQuality事件
const player = new DPlayer({
    container: document.getElementById('dplayer'),
    video: {
        url: 'https://example.com/path/to/video.mp4',
        quality: [
            {
                name: '1080P',
                url: 'https://example.com/path/to/video_1080p.mp4',
                type: 'normal'
            },
            {
                name: '720P',
                url: 'https://example.com/path/to/video_720p.mp4',
                type: 'normal'
            },
            {
                name: '480P',
                url: 'https://example.com/path/to/video_480p.mp4',
                type: 'normal'
            }
        ]
    }
});
player.on('video:switchQuality', function (index) {
    console.log('Switch to quality ' + index);
});