ArtPlayer/packages/artplayer/src/player/eventInit.js

import config from '../config';
import { sleep } from '../utils';

export default function eventInit(art, player) {
    const {
        option,
        events: { proxy },
        template: { $player, $video },
        i18n,
        notice,
    } = art;

    let reconnectTime = 0;
    const maxReconnectTime = 5;

    proxy($video, 'click', () => {
        player.toggle = true;
    });

    config.video.events.forEach(eventName => {
        proxy($video, eventName, event => {
            art.emit(`video:${event.type}`, event);
        });
    });

    // art.on('video:abort', () => {

    // });

    art.on('video:canplay', () => {
        reconnectTime = 0;
        art.controls.show = true;
        art.mask.show = true;
        art.loading.show = false;
    });

    art.once('video:canplay', () => {
        art.emit('ready');
    });

    // art.on('video:canplaythrough', () => {

    // });

    // art.on('video:durationchange', () => {

    // });

    // art.on('video:emptied', () => {

    // });

    art.on('video:ended', () => {
        art.controls.show = true;
        art.mask.show = true;
        if (option.loop) {
            player.seek = 0;
            player.play = true;
        }
    });

    art.on('video:error', () => {
        if (reconnectTime < maxReconnectTime) {
            sleep(1000).then(() => {
                reconnectTime += 1;
                player.attachUrl(option.url);
                notice.show(`${i18n.get('Reconnect')}: ${reconnectTime}`);
            });
        } else {
            art.loading.show = false;
            art.controls.show = false;
            $player.classList.add('artplayer-error');
            sleep(1000).then(() => {
                notice.show(i18n.get('Video load failed'), false);
                art.destroy();
            });
        }
    });

    // art.on('video:loadeddata', () => {

    // });

    art.on('video:loadedmetadata', () => {
        if (option.autoSize) {
            player.autoSize = true;
        }
    });

    art.on('video:loadstart', () => {
        art.loading.show = true;
    });

    art.on('video:pause', () => {
        art.controls.show = true;
        art.mask.show = true;
    });

    art.on('video:play', () => {
        art.mask.show = false;
    });

    art.on('video:playing', () => {
        art.mask.show = false;
    });

    // art.on('video:progress', () => {

    // });

    // art.on('video:ratechange', () => {

    // });

    art.on('video:seeked', () => {
        art.loading.show = false;
    });

    art.on('video:seeking', () => {
        art.loading.show = true;
    });

    // art.on('video:stalled', () => {

    // });

    // art.on('video:suspend', () => {

    // });

    art.on('video:timeupdate', () => {
        art.mask.show = false;
    });

    // art.on('video:volumechange', () => {

    // });

    art.on('video:waiting', () => {
        art.loading.show = true;
    });
}