<div style="width: 640px; height: 360px;">
    <script type="text/javascript" src="../player/sewise.player.min.js?server=vod&type=mp4&videourl=http://www.w3schools.com/html/mov_bbb.mp4&sourceid=&autostart=true&starttime=0&lang=en_US&logo=http://onvod.sewise.com/libs/swfplayer/skin/images/logo.png&title=VodVideo&buffer=5&skin=vodWhite"></script>
</div>

<div style="width: 640px; height: 360px;">
    <script type="text/javascript" src="http://219.232.161.202/libs/swfplayer/player/sewise.player.min.js?server=vod&sourceid=eQgPHj4N&autostart=true&starttime=0&lang=en_US&logo=http://onvod.sewise.com/libs/swfplayer/skin/images/logo.png&buffer=5&skin=vodWhite"></script>
</div>

<div style="width: 640px; height: 360px;">
    <script type="text/javascript" src="../player/sewise.player.min.js?server=live&type=rtmp&streamurl=rtmp://219.232.161.204/livestream/mtzysunq&autostart=true&pid=&shifttime=&buffer=5&lang=en_US&logo=http://onvod.sewise.com/libs/swfplayer/skin/images/logo.png&title=LiveVideo&skin=liveWhite"></script>
</div>

<div style="width: 640px; height: 360px;">
    <script type="text/javascript" src="http://219.232.161.204/libs/swfplayer/player/sewise.player.min.js?server=live&autostart=true&pid=vk5nx2cj&shifttime=&buffer=5&lang=en_US&logo=http://onvod.sewise.com/libs/swfplayer/skin/images/logo.png&skin=liveWhite"></script>
</div>
``` **Плеер: принцип работы**

* **Первый шаг:** после загрузки страницы файл sewise.player.min.js анализирует параметры и проверяет текущее устройство, браузер, а также берёт адрес хоста для запроса на воспроизведение видео.

* **Второй шаг:** на основе параметров vod и type, а также характеристик браузера плеер определяет, использовать ли HTML5 или Flash модуль. Для форматов и протоколов, которые поддерживаются разными платформами и браузерами, предпочтительно используется HTML5.

* **Третий шаг:** загружаются файлы скинов и библиотек.

* **Четвёртый шаг:** после завершения загрузки скина происходит инициализация плеера. После завершения инициализации начинается воспроизведение видео или потока, при этом в текущей странице вызывается метод playerReady(), который сообщает о готовности плеера к использованию. Этот метод применяется как для HTML5, так и для Flash плееров.

**Параметры плеера**

Sewise Player предоставляет гибкие настройки параметров, что позволяет адаптировать плеер под различные требования воспроизведения. Подробные сведения о параметрах можно найти в файле «Параметры объяснения.md».

**Скины плеера**

Скины Sewise Player делятся на две категории: HTML5 и Flash.

HTML5 скины состоят из файлов HTML, CSS и JS, каждый каталог соответствует отдельному скину.

Flash скины представлены файлами SWF, один файл SWF соответствует одному скину.

Настройка HTML5 и Flash скинов осуществляется одинаково — путём установки параметра skin на соответствующее значение, например, skin=vodWhite для белого скина. Исходный код HTML5 и Flash скинов открыт для доступа.

**Вызов API интерфейса**

Плеер Sewise Player предлагает богатый набор API интерфейсов, позволяющих легко управлять воспроизведением. Подробные инструкции по использованию интерфейсов доступны в файле «Инструкции по интерфейсу.md».
```html
<div style="width: 640px; height: 360px;">
    <script type="text/javascript" src="../player/sewise.player.min.js?server=vod&type=mp4&videourl=http://www.w3schools.com/html/mov_bbb.mp4&sourceid=&autostart=true&starttime=0&lang=en_US&logo=http://onvod.sewise.com/libs/swfplayer/skin/images/logo.png&title=VodVideo 点播标题&buffer=5&skin=vodWhite&fallbackurls=%7B%0A%09%22ogg%22%3A%20%22http%3A%2F%2Fwww.w3schools.com%2Fhtml%2Fmov_bbb.ogg%22%2C%0A%09%22webm%22%3A%20%22http%3A%2F%2Fwww.w3schools.com%2Fhtml%2Fmov_bbb.webm%22%0A%7D"></script>
</div>
<script>
    // Вызов метода точки вещания
    function startPlay() {
        SewisePlayer.doPlay();
    }
    function playPause() {
        SewisePlayer.doPause();
    }
    function seekTo() {
        SewisePlayer.doSeek(5);
    }
    function playStop() {
        SewisePlayer.doStop();
    }
    function changeVolume() {
        SewisePlayer.setVolume(0.1);
    }
    function getDuration() {
        alert(SewisePlayer.duration());
    }
    function getPlayTime() {
        alert(SewisePlayer.playTime());
    }
    // function switchProgram() {
    //  SewisePlayer.playProgram("xqfa3cZn", 0, true);
    // }
    function switchVideo() {
        SewisePlayer.toPlay("http://media.w3.org/2010/05/sintel/trailer.mp4", "Sintel", 0, true);
    }

    // Методы обратного вызова плеера
    function playerReady(name) {
        console.log("Sewise Player On Ready 1");
        //SewisePlayer.toPlay("http://www.w3school.com.cn/i/movie.mp4", "title", 0, false);
    }
    SewisePlayer.playerReady(function(name){
        console.log("Sewise Player On Ready 2");
    });
    function onStart(name) {
        console.log("onStart 1");
    }
    SewisePlayer.onStart(function(name){
         console.log("onStart 2");
    });
    function onStop(name) {
         console.log("onStop 1");
    }
    SewisePlayer.onStop(function(name){
         console.log("onStop 2");
    });
    function onMetadata(meta, name) {
        console.log("onMetadata 1");
    }
    SewisePlayer.onMetadata(function(meta, name){
         console.log("onMetadata 2");
    });
    function onClarity(clarity, name) {
        console.log("onClarity 1");
    }
    SewisePlayer.onClarity(function(clarity, name){
         console.log("onClarity 2");
    });
    function onPause(name) {
        console.log("onPause 1");
    }
    SewisePlayer.onPause(function(name){
         console.log("onPause 2");
    });
    function onSeek(time, name) {
        console.log("onSeek 1: " + time);
    }
    SewisePlayer.onSeek(function(time, name){
        console.log("onSeek 2: " + time);
    });
    function onPlayTime(time, name) {}