Как добавить еще одно качественное видео в jwplayer? - PullRequest
Новая
       22

Как добавить еще одно качественное видео в jwplayer?

0 голосов
/ 24 марта 2020

Я добавил другое качество для показа видео, но в проигрывателе видео нет выбора другого качества 

jwplayer("player2").setup({
        image: "https://cdn.jwplayer.com/v2/media/tkM1zvBq/poster.jpg?width=720",
        "type": "video/mp4",
        "sources": [{
            "file": "http://*:1935/vod/volikogu_1080p.mp4/playlist.m3u8",
            "label": "1080p"
        }, {
            "file": "http://*:1935/vod/volikogu_720p.mp4/playlist.m3u8",
            "label": "720p"
        }, {
            "file": "http://*:1935/vod/volikogu_360p.mp4/playlist.m3u8",
            "label": "360p"
        }],
        "label": "H.264 320px"
    });

Ответы [ 2 ]

0 голосов
/ 28 марта 2020

Лучше всего, чтобы все ваши детские манифесты были в одном родительском манифесте. Не помещайте несколько m3u8 как разные источники. Пусть проигрыватель или браузер изменят качество на основе одного основного манифеста. Кроме того, ваши атрибуты "label" и "type" недопустимы, я бы удалил их полностью.

0 голосов
/ 24 марта 2020

В приведенном выше конфиге я вижу несколько вещей, которые могут быть причиной плохого поведения плеера. Во-первых, у вас есть type на верхнем уровне, когда он должен быть на том же уровне, что и ваши source объекты в массиве sources. Кроме того, создается впечатление, что тип имеет тип hls, а не video/mp4 (на основе расширения m3u8).

Изменится ли следующая установка для вас? 

jwplayer("player2").setup({
        image: "https://cdn.jwplayer.com/v2/media/tkM1zvBq/poster.jpg?width=720"
        "sources": [{
            "file": "http://*:1935/vod/volikogu_1080p.mp4/playlist.m3u8",
            "label": "1080p",
            "type": "hls"
        }, {
            "file": "http://*:1935/vod/volikogu_720p.mp4/playlist.m3u8",
            "label": "720p",
            "type": "hls"
        }, {
            "file": "http://*:1935/vod/volikogu_360p.mp4/playlist.m3u8",
            "label": "360p",
            "type": "hls"
        }]
});

Если тип ваших файлов равен mp4, замените "type": "hls" на "type": "mp4" в приведенном выше.

...