console 命令行工具 X clear

console

function initPlayer () {
    const urlDOM = document.querySelector('#play_url');
    window.player = new window.HlsLivePlayer({
    id: 'vs',
    url: urlDOM.value,
    retainPlay: true,
    playsinline: true,
    isLive: true,
    retry: {
      count: 1,
      delay: 0
    },
    hlsLive: {
      limitCache: false
    },
    ignores: ['cssFullscreen'],
    loop: false,
    autoplay: true,
    width: 800,
    closeVideoClick: false,
    volume: 0.2,
    danmu: {
		panel: true, // 弹幕面板
        live: true,
        defaultOff: false,
        defaultOpen: true,
        closeDefaultBtn: false,
        fontsize: '14px',
        opacity: 1,
        comments: [],
        area: {
          start: 0,
          end: 1,
        },
        duration: 5000,    
    },
    preloadTime: 1
  });

  
window.logger = new XgLiveLogger.default({
  player: player
})
}

function initSwitchBackup () {
    const urlDOM = document.querySelector('#switch_url');
    const dom = document.querySelector('#switchToBackup');
    dom.addEventListener('click', () => {
        window.player.pause();
        setTimeout(() => {
            window.player.config.url = urlDOM.value;
            window.player.switchURL(urlDOM.value);
            window.logger.restart();
        }, 0)
        
    }, false)
}

function initDestroyPlayer () {
    const dom = document.querySelector('#destroyPlayer');
    dom.addEventListener('click', function () {
        window.player.destroy();
    }, false)
}

function initCreatePlayer () {
    const dom = document.querySelector('#create_player');
    dom.addEventListener('click', function () {
        initPlayer();
    }, false)
}


const work = function () {
    initSwitchBackup();
    initDestroyPlayer();
    initCreatePlayer();
}
window.onload = work;

<html>
    <head></head>
    <body>
        <input id="play_url" type="" placeholder="填入拉流地址"/>
        <button id="create_player">创建播放器</button>
        <div id="vs"></div>
        <input id="switch_url" type="" placeholder="填入切换到的备用地址"/>
        <button id="switchToBackup">点我切换</button>
        <button id="destroyPlayer">点我销毁播放器</button>
        <script src="http://localhost:8080/packages/xgplayer-hls-live/dist/index.js"></script>
    </body>
</html>

SOURCE

本项目引用的自定义外部资源