playease.js 2.0

var Event = playease.events.Event;
var api = playease();
api.addEventListener(Event.READY, console.log);
api.addEventListener(Event.LOADEDMETADATA, console.log);
api.addEventListener(Event.DURATIONCHANGE, console.log);
api.addEventListener(Event.WAITING, console.log);
api.addEventListener(Event.PLAYING, console.log);
api.addEventListener(Event.PAUSE, console.log);
api.addEventListener(Event.SEEKING, console.log);
api.addEventListener(Event.SEEKED, console.log);
api.addEventListener(Event.ENDED, console.log);
api.addEventListener(Event.TIMEUPDATE, console.log);
api.addEventListener(Event.VOLUMECHANGE, console.log);
api.addEventListener(Event.HD, console.log);
api.addEventListener(Event.ERROR, console.error);
api.setup(container, {
    file: 'http://127.0.0.1/vod/sample.flv',
});

var Event = playease.events.Event;
var UIEvent = playease.events.UIEvent;
var ui = playease.ui('player');
ui.addEventListener(UIEvent.SHOOTING, console.log);
ui.addEventListener(UIEvent.FULLPAGE, console.log);
ui.addEventListener(UIEvent.FULLSCREEN, console.log);
ui.addEventListener(UIEvent.RESIZE, console.log);
ui.setup(config);

sdk.onready = function(e) {
    // do something
};

sdk.addEventListener('ready', onReady);

function onReady(e) {
    // do something
}

_default = {
    airplay: 'allow',
    aspectratio: '16:9',
    autoplay: false,
    dynamic: false,          // dynamic streaming
    bufferLength: 0.1,       // sec.
    file: '',
    latency: 'low',          // normal, low, dynamic (for tcp)
    maxBufferLength: 30,     // sec.
    mode: 'live',            // live, vod
    module: '',              // src, flv, fmp4, dash, hls, rtc, flash
    muted: false,
    retries: 0,
    retryInterval: 3,        // sec.
    playsinline: true,
    preload: 'none',         // none, metadata, auto
    smooth: false,           // smooth switching
    skin: 'classic',
    swf: 'swf/playease.swf',
    loader: {
        name: 'auto',
        mode: 'cors',        // cors, no-cors, same-origin
        credentials: 'omit', // omit, include, same-origin
    },
    sources: [{              // ignored if "file" is presented
        mime: 'application/vnd.apple.mpegurl',
        file: '',
        label: '',
        textTracks: [{
            kind: 'thumbnails',
            file: '',
            default: true,
        }],
        metadata: {
            bitrate: 1089536,
            videocodec: 'avc1.64001e',
            videodatarate: 1000,
            width: 640,
            height: 360,
            framerate: 30,
            audiocodec: 'mp4a.40.2',
            audiodatarate: 64,
            audiosamplerate: 48000,
            audiosamplesize: 16,
            channelcount: 2,
        },
    }],
    components: [{
        kind: 'Poster',
        index: 100,
        file: 'images/poster.png',
        visibility: true,
    }, {
        kind: 'Danmu',
        index: 200,
        lineHeight: 20,
        alpha: 1,               // 0 ~ 1
        duration: 10,           // sec. while width = 640 px
        salt: 0.5,              // real duration = duration * (1 + (width - 640) / 640 * salt)
        position: 'fullscreen',
        enable: true,
        visibility: true,
    }, {
        kind: 'Display',
        index: 300,
        controls: true,
        visibility: true,
    }, {
        kind: 'AD',
        index: 400,
        visibility: true,
    }, {
        kind: 'Share',
        index: 500,
        visibility: true,
    }, {
        kind: 'Logo',
        index: 600,
        file: 'http://studease.cn/images/content/playease-logo.png',
        link: 'http://studease.cn/playease',
        target: '_blank',
        style: 'margin: 3% 5%; width: 36px; height: 36px;',
        position: 'top-right',
        visibility: true,
    }, {
        kind: 'Controlbar',
        index: 700,
        layout: '[play][pause][stop][reload][time]|[report][mute][volume][hd][danmu][fullpage][exit-fullpage][fullscreen][exit-fullscreen]',
        autohide: false,
        visibility: true,
    }, {
        kind: 'ContextMenu',
        index: 800,
        visibility: true,
        items: [{
            icon: 'http://studease.cn/images/content/playease-logo.png',
            text: 'PLAYEASE ' + playease.VERSION,
            handler: function () { window.open('http://studease.cn/playease'); },
            visibility: true,
        }]
    }]
};