Shaka Player 播放与视频转码

// 手动判断平台以加载不同的资源

/**

let isIOS = (/iPad|iPhone|iPod/.test(navigator.platform) ||

        (navigator.platform.toUpperCase().indexOf('MAC')>=0)) &&

    !window.MSStream;

let manifestUri = "vp9.mpd";

if (isIOS) {

    manifestUri = "h264.m3u8";

}

*/

async function init() {

    // When using the UI, the player is made automatically by the UI object.

    const video = document.getElementById('video');

    const ui = video['ui'];

    const controls = ui.getControls();

    const player = controls.getPlayer();

    // Attach player and ui to the window to make it easy to access in the JS console.

    window.player = player;

    window.ui = ui;

    // Listen for error events.

    player.addEventListener('error', onPlayerErrorEvent);

    controls.addEventListener('error', onUIErrorEvent);

    // 配置播放器按钮

    const uiConfig = {

        'overflowMenuButtons' : ['quality', 'playback_rate', 'picture_in_picture', 'airplay', 'cast']

    };

    ui.configure(uiConfig);

    // 手动加载播放地址

    /** 

    try {

        await player.load(manifestUri);

        // This runs if the asynchronous load is successful.

        console.log('The video has now been loaded!');

    } catch (error) {

        onPlayerError(error);

    } 

    */

}

function onPlayerErrorEvent(errorEvent) {

    // Extract the shaka.util.Error object from the event.

    onPlayerError(event.detail);

}

function onPlayerError(error) {

    // Handle player error

    alert(error);

    console.error('Error code', error.code, 'object', error);

}

function onUIErrorEvent(errorEvent) {

    // Extract the shaka.util.Error object from the event.

    onPlayerError(event.detail);

}

function initFailed(errorEvent) {

    // Handle the failure to load; errorEvent.detail.reasonCode has a

    // shaka.ui.FailReasonCode describing why.

    console.error('Unable to load the UI library!');

}

// Listen to the custom shaka-ui-loaded event, to wait until the UI is loaded.

document.addEventListener('shaka-ui-loaded', init);

// Listen to the custom shaka-ui-load-failed event, in case Shaka Player fails

// to load (e.g. due to lack of browser support).

document.addEventListener('shaka-ui-load-failed', initFailed);

// 微信当中自动播放。非正常操作，不一定一直有效 (⊙o⊙)

if (typeof window.WeixinJSBridge !== 'undefined') {

    window.WeixinJSBridge.invoke('getNetworkType',{},function (e){

        // 利用该方法进行自动播放

        video.play();

    });

}