Page History

...

Для разбора кода возьмем версию файла hls-player.js с хешем c306c1bbf49bfcbd8e24be927ae95f63b7dbaaba66cc393, которая находится здесь и доступна для скачивания в соответствующей сборке 0.5.28.2753.2747133.

1. Определение HLS URL сервера

getHLSUrl() код code

Code Block

language	js
theme	RDark

function initPage() {
    $("#urlServer").val(getHLSUrl());

    ...
}

2. Инициализация плеера

videojs() код code

Плееру передается имя div-элемента, в котором должен быть проигран поток

...

3. Определение имени потока (должен быть опубликован на сервере)

encodeURIComponent() код code

Code Block

language	js
theme	RDark

function initPage() {
    ...
    var applyFn = function () {
        var streamName = $("#playStream").val();
        streamName = encodeURIComponent(streamName);
        ...
    };
    ...
}

4. Формирование URL HLS-потока и запуск плеера

player.play() код code

Code Block

language	js
theme	RDark

function initPage() {
    ...
    var applyFn = function () {
        ...
        var src  player.src({= $("#urlServer").val() + "/" + streamName + "/" + streamName + ".m3u8";
        var key =  src:$('#key').val();
        var token = $("#urlServer#token").val();
        if (key.length > 0 && token.length > 0) {
            src += "/?" + streamNamekey + "/=" + streamName + ".m3u8" token;
        }
        player.src({
            src: src,
            type: "application/vnd.apple.mpegurl"
        });
        player.play();
    };
    $("#applyBtn").prop('disabled', false).click(applyFn);

}

Space shortcuts

Page tree

Versions Compared

Old Version 7

New Version 8

Key