videojs / video.js

Video.js - open source HTML5 video player
https://videojs.com
Other
38.04k stars 7.45k forks source link

When pulling the stream from live room with Windows Browser, the video js will return error. #7052

Open yqq83670909 opened 3 years ago

yqq83670909 commented 3 years ago

Description

When pulling the stream from live room with Windows Browser, the video js will return error. But we can play it normally with Phone Browser and Apple Browser using the same address. VLC player can play normally too.

Steps to reproduce

  1. ffmpeg cmd to push the ts to Live Room ffmpeg -re –i ng.ts -acodec copy -vcodec copy -f flv rtmp://117.131.178.104/live/666 (We find two ts file, ok.ts can play normally, ng.ts can not play.)

  2. pull the ts with the following address in Windows Browser: http://117.131.178.104:8088/hls.html

3.The video js will return error: The media could not be loaded, either because the server or network failed or because the format is not supported

Results

Expected

We hope window browser can play normally too.

Actual

The video js will return error, so it cannot be played with Windows Browser. But we can play it normally with Phone Browser and Apple Browser using the same address. The VLC player can play normally when pull the stream from http://117.131.178.104:8079/live/666.m3u8. By the way, we try to use weizan, qukan live room, they have the same issue.

Error output

image

Additional Information

We think it is a compatibility issue. We find the aspect ratio of SPS in video stream is the critical factor. Ng.ts image Ok.ts image

If we change the ng.ts aspect ratio to 1 (the same as ok.ts), it will be play normally with Window browsers. We hope video js can support the ng.ts by Windows Browser, because Phone Browser Apple, Browser and VLC player can play normally.

Please include any additional information necessary here. Including the following:

versions

videojs

7.0.0

browsers

Windows browsers

plugins

var player = videojs('videoId', { techOrder: ['html5','flash'], autoplay:true, bigPlayButton:true, modalDialog:false, textTrackDisplay:false, textTrackSettings:false, controlBar:{ playToggle:true, progressControl:false } }, function(){ console.log('videojs播放器初始化成功'); }); player.src('http://117.131.178.104:8079/live/666.m3u8');

video-archivist-bot commented 3 years ago

Hey! We've detected some video files in a comment on this issue. If you'd like to permanently archive these videos and tie them to this project, a maintainer of the project can reply to this issue with the following commands:

welcome[bot] commented 3 years ago

👋 Thanks for opening your first issue here! 👋

If you're reporting a 🐞 bug, please make sure you include steps to reproduce it. We get a lot of issues on this repo, so please be patient and we will get back to you as soon as we can. To help make it easier for us to investigate your issue, please follow the contributing guidelines.

yqq83670909 commented 3 years ago

ng.zip [ok.zip](https://github.com/videojs/video.js/files/5840581/ok.zip)

stale[bot] commented 2 years ago

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.