HTML 5 Sub Second Streaming using EMS 2.0 not Playing in latest Mozilla and IE

Support ForumCategory: Usage and FeaturesHTML 5 Sub Second Streaming using EMS 2.0 not Playing in latest Mozilla and IE
avaneesh Member asked 2 years ago

Hello , 
I am using your EMS 2.0 for Sub Second streaming . I am using the following code to play the streaming through websocket . 
var emsIp = document.getElementById(“IPAddress”).value;

var streamName = “mystream.sdp”;
sessionID = document.getElementById(“HiddenFieldSessionID”).value;
var opts = {
emsIp: emsIp,
streamName: streamName,
videoTagId: sessionID,
queueSize: 5
};

window[sessionID] = new EvoWsPlayer(opts);
var obj = document.getElementById(“ObjectDiv”);

var html = “<video id=” + sessionID + ” controls autoplay class=’videoElement’ src=” + emsIp + “/> “;
obj.innerHTML = html;

window[sessionID].play();
I am viewing this page from multiple PC . with chrome it works good means on all PC i am able to see the streaming . But when i use Mozilla or IE , I am able to get the stream only on first browser which has login first . 
On all other Mozilla or IE browser it only shows buffering icons .Also if i reload or refresh i still see only buffering image and no streaming on these browser . I have check the number of connected clients to the EMS using getConnectionCount it shows that client is connected .but i am not able to see the streaming . 
I am using the latest Mozilla Browser and IE browser and using the OS  windows 8.1 pro .
I have the webpage hosted at one place and i am accesing that webpage from different machine
Could you please tell me the process how could  i see the streaming in different mozilla and IE  browser when login to see that webpage from different machine.
 
 
Regards

Avaneesh Srivastava

11 Answers
erika Evostream-Staff answered 2 years ago

Hi Avaneesh,
IE does not support WebSockets. 
Mozilla and Chrome does! Please see  http://docs.evostream.com/2.0/html5players_wscompatibility.html 
Please try to configure your Firefox and try it again. 
 
Thank you.

avaneesh Member answered 2 years ago

Hello , 
The linq which you have suggested  http://docs.evostream.com/2.0/html5players_wscompatibility.html  when opens gives me the following message

Page Not Found

Sorry, but the page you were trying to view does not exist. Try searching for it or looking at the URL to see if it looks correct.
Also as per your docs it has been said that browsers which have MSE enabled will be able to play HTML5 SubSecond Streaming and i am able to play streaming in IE also but it only shows buffering.
Regards
Avaneesh Srivastava

erika Evostream-Staff answered 2 years ago

Hi Avaneesh,
Please see: http://docs.evostream.com/2.0/html5players_wscompatibility.html
You can play websockets using Edge but not with older versions of IE. You can also check here if your browser is supported or not. HTMLVideoElement, MSE & H.264 should be checked. 
 
Thank you.

avaneesh Member answered 2 years ago

Hii Erika ,
I have modified the browser as per the setting told in docs for  Mozilla and also check my browser support it is fine .
I am using the v56.0.1 for mozilla .I am continously seeing this view as shown in image uploaded.
If i  first login to Mozilla browser to  see the streaming then streaming is coming ok ,but if any other instance of browser is open any where then  i am seeing this below image only in my browser.
I
The debug message of player is as follows :
1508998604840: VIDEO play event triggered.

1508998604839: VIDEO play event triggered.

1508998604838: Playing video…

1508998600593: Initialization data added.

1508998600569: Initializing source buffer…

1508998600568: Media source is now ready.

1508998600561: VIDEO loadstart event triggered.

1508998600561: VIDEO loadstart event triggered.

1508998600558: Initializing player…

1508998600557: Playback failure. Restarting player…

1508998588792: VIDEO play event triggered.

1508998588792: VIDEO play event triggered.

1508998588792: Playing video…

1508998584402: Initialization data added.

1508998584388: Initializing source buffer…

1508998584387: Media source is now ready.

1508998584367: VIDEO loadstart event triggered.

1508998584367: VIDEO loadstart event triggered.

1508998584365: Initializing player…

1508998584365: Playback failure. Restarting player…

1508998572839: VIDEO play event triggered.

1508998572839: VIDEO play event triggered.

1508998572838: Playing video…

1508998569236: Initialization data added.

1508998569211: Initializing source buffer…

1508998569210: Media source is now ready.

1508998569201: VIDEO loadstart event triggered.

1508998569201: VIDEO loadstart event triggered.

1508998569198: Initializing player…

1508998569197: Playback failure. Restarting player…

1508998557035: VIDEO play event triggered.

1508998557034: VIDEO play event triggered.

1508998557034: Playing video…

1508998553026: Initialization data added.

1508998553008: Initializing source buffer…

1508998553007: Media source is now ready.

1508998552998: VIDEO loadstart event triggered.

1508998552998: VIDEO loadstart event triggered.

1508998552994: Initializing player…

1508998552994: Playback failure. Restarting player…

1508998541167: VIDEO play event triggered.

1508998541167: VIDEO play event triggered.

1508998541167: Playing video…

1508998536808: Initialization data added.

1508998536801: Initializing source buffer…

1508998536800: Media source is now ready.

1508998536789: VIDEO loadstart event triggered.

1508998536789: VIDEO loadstart event triggered.

1508998536786: Initializing player…

1508998536786: Playback failure. Restarting player…

1508998531272: VIDEO pause event triggered.

1508998531272: VIDEO pause event triggered.

1508998531051: VIDEO play event triggered.

1508998531051: VIDEO play event triggered.

1508998530862: VIDEO pause event triggered.

1508998530862: VIDEO pause event triggered.

1508998525060: Playing video…

1508998524677: VIDEO play event triggered.

1508998524676: VIDEO play event triggered.

1508998521630: Initialization data added.

1508998521624: Initializing source buffer…

1508998521623: Media source is now ready.

1508998521618: VIDEO loadstart event triggered.

1508998521617: VIDEO loadstart event triggered.

1508998521611: Initializing player…

1508998521611: Playback failure. Restarting player…

1508998509618: Playing video…

1508998506118: VIDEO play event triggered.

1508998506118: VIDEO play event triggered.

1508998504992: Initialization data added.

1508998504980: Initializing source buffer…

1508998504444: Media source is now ready.

1508998504439: VIDEO loadstart event triggered.

1508998504439: VIDEO loadstart event triggered.

1508998504425: Initializing player…

1508998503565: VIDEO pause event triggered.

1508998493698: VIDEO play event triggered.

1508998493697: Playing video…

1508998488749: Initialization data added.

1508998488741: Initializing source buffer…

1508998487893: Media source is now ready.

1508998487889: VIDEO loadstart event triggered.

1508998487868: Initializing player…
Please tell me how could i solve this issue .
Regards

Avaneesh Srivastava

erika Evostream-Staff answered 2 years ago

Hi Avaneesh,
Can you play the stream fine using VLC?
Is the playback the same after browser restart?
Can you send listConfig and listStreams and place the result here.
 
Thank you.

avaneesh Member answered 2 years ago

Hello , 
The stream is running fine in chrome browser . I have opened two browser on two different machine. First is Chrome where the stream is running good and when i open second browser Mozilla i see the above image which i have uploaded , where as on Chrome the stream is running  good .
I have restart the Mozilla Firefox browser but again i am seeing the same buffering image. The listConfig and listStreams response are following 
listConfig
╕{“data”:{“dash”:[],”hds”:[],”hls”:[],”metalistener”:[],”mss”:[],”process”:[],”p
ull”:[],”push”:[],”record”:[],”webrtc”:[]},”description”:”Run-time configuration
“,”status”:”SUCCESS”}
liststreams
{“data”:[{“appName”:”evostreamms”,”audio”:{“aveAudioBitRate”:4845.1092,”bytesCo
unt”:362819,”codec”:”AAAC”,”codecNumeric”:4702111241970122752,”currAudioBitRate”
:4865.6000,”droppedBytesCount”:0,”droppedPacketsCount”:0,”packetsCount”:25783},”
bandwidth”:2468,”connectionType”:0,”creationTimestamp”:1509079722352.7119,”edgeP
id”:0,”farIp”:”127.0.0.1″,”farPort”:53194,”ingestPoint”:”mystream.sdp”,”ip”:”127
.0.0.1″,”name”:”mystream.sdp”,”nearIp”:”127.0.0.1″,”nearPort”:1936,”outStreamsUn
iqueIds”:[8],”port”:1936,”processId”:5564,”processType”:”origin”,”queryTimestamp
“:1509080321113.6870,”tcUrl”:”rtmp:\/\/127.0.0.1:1936\/live”,”type”:”INR”,”typeN
umeric”:5282249572905648128,”uniqueId”:2,”upTime”:598760.9751,”video”:{“aveFrame
Rate”:25.2286,”aveKeyFramesPerSec”:0.3697,”aveVideoBitRate”:39729.7210,”bytesCou
nt”:2966984,”codec”:”VH264″,”codecNumeric”:6217274493967007744,”currFrameRate”:2
5.4000,”currKeyFramesPerSec”:0.6000,”currVideoBitRate”:45481.6000,”droppedBytesC
ount”:0,”droppedPacketsCount”:0,”height”:720,”level”:31,”packetsCount”:24527,”pr
ofile”:100,”width”:1280}},{“appName”:”evostreamms”,”audio”:{“bytesCount”:68699,”
codec”:”AAAC”,”codecNumeric”:4702111241970122752,”droppedBytesCount”:0,”droppedP
acketsCount”:0,”packetsCount”:4884},”bandwidth”:2468,”connectionType”:0,”creatio
nTimestamp”:1509080207705.5540,”edgePid”:0,”farIp”:”192.168.100.117″,”farPort”:4
9190,”inStreamUniqueId”:2,”ip”:”192.168.100.219″,”name”:”mystream.sdp”,”nearIp”:
“192.168.100.219”,”nearPort”:8410,”port”:8410,”processId”:5564,”processType”:”or
igin”,”queryTimestamp”:1509080321113.6870,”streamAlias”:”mystream.sdp”,”type”:”O
NFMP4″,”typeNumeric”:5714582275051749376,”uniqueId”:8,”upTime”:113408.1331,”vide
o”:{“bytesCount”:525271,”codec”:”VH264″,”codecNumeric”:6217274493967007744,”drop
pedBytesCount”:0,”droppedPacketsCount”:0,”height”:720,”level”:31,”packetsCount”:
4347,”profile”:100,”width”:1280}}],”description”:”Available streams”,”status”:”S
UCCESS”}
Please guide me what can i do more to sort this issue at my end . 
 
Regards

Avaneesh Srivastava
 

avaneesh Member answered 2 years ago

Hi Erika , 
I am waiting for your response, I have uploaded the logs of the commands which you have asked in my previous response.
Could you please tell me what could i do more to be able to fix the problem which i have stated above. 
 
Regards

Avaneesh Srivastava
 

erika Evostream-Staff answered 2 years ago

Hi Avaneesh,
I cannot see well the image you posted, is it an sdp file you are playing? 
Looking at your configuration, you have no pullStream. May I know how was the stream ingested in EMS?
 
Thank you.
 

avaneesh Member answered 2 years ago

Hi ,
I am able to play stream in vlc player properly also i am able to play my stream named mystream.sdp   in Chrome browser. Only when i am opening the Mozilla browser i am not able to see the streaming  where as on chrome the streaming is running ok. 
The Mozilla browser shows me the below image ,where as instance of chrome running properly.

I am using your sample evoplayers.html . I am using “format = ‘flv’ protocol = ‘rtmp://’ video::codec = ‘q264hw’ audio::codec = ‘aac’ to ingest the stream to ems.\
Also i am able to play stream in chrome as well as vlc player using EMS so it means that stream are present on EMS . 
Only the problem is with Mozilla browser .
Case is this :If i am opening single browser Mozilla i am able to see the streaming , but if any other browser is already opened where streaming is running and then i am opening the Mozilla browser i am seeing the image which i have uploaded. 
I am facing this issue with your sample  page evowsplayers.html you could run at your end . I am using EMS 2.0 also i have changed the default setting which you told in your docs for the Mozilla Browser. 
Please tell me what could i do to fix this issue .As without running properly in Mozilla browser ,we are not able to use this feature (HTML5  SubSecond Player) released in EMS2.0 
Regards

Avaneesh Srivastava
 
 
 
 

erika Evostream-Staff answered 2 years ago

Hi Avaneesh,

Case is this :If i am opening single browser Mozilla i am able to see the streaming , but if any other browser is already opened where streaming is running and then i am opening the Mozilla browser i am seeing the image which i have uploaded. 
 
We are investigating on this issue. We are looking if this is a problem with the browser or with EMS.  
For now, please use Chrome browser. 
 
Thank you.