ArtPlayer/docs/flv/js/common.js

'use strict';

(function() {
    // consola.creat({
    //     target: '.part-bottom',
    //     size: '100%',
    //     zIndex: 99,
    // });

    console.info('Welcome, if you like it, consider star it, thank you.');
    console.info('https://github.com/zhw2590582/ArtPlayer');

    window.addEventListener('error', function(err) {
        console.error(err.message);
    });

    var $urlInput = document.querySelector('.urlInput');
    var $playBtn = document.querySelector('.playBtn');
    var $fileBtn = document.querySelector('.fileBtn');

    function creatPlayer(file) {
        Artplayer.instances.forEach(function(art) {
            art.destroy(true);
        });

        new Artplayer({
            container: '.artplayer',
            url: $urlInput.value,
            type: 'flv',
            customType: {
                flv: function(video, url) {
                    var flv = new Flv({
                        mediaElement: video,
                        url: file instanceof File ? file : url,
                        debug: true,
                    });

                    this.on('destroy', () => {
                        flv.destroy();
                    });
                },
            },
        });
    }

    creatPlayer();
    $playBtn.addEventListener('click', creatPlayer);
    $fileBtn.addEventListener('change', () => {
        const file = $fileBtn.files[0];
        creatPlayer(file);
    });
})();