Integrating video.js with Angular7 - html

I want to use videojs to render a HLS stream on my webpage.Stream is working well on vlc while on browser using videojs it plays the stream but doesnt seem to load completely.All implicit features of videojs player appear in raw HTML form.
Below is the screenshot of how it shows just below the playing video.
I could have posted the code snippets but i dont know which file should I post.I thought someone could guess where the problem is occurring.Please help I am frustrated by this.

Related

Flash video working on one of two sites in Chrome

I am developing a pair of websites (podyplomie.pl and magwet.pl).
On both of them we have added a video player (JWPlayer).
I am almost sure flash player on both of them was working in the beginnig but now I can play the video (in flash) only on one of the sites (podyplomie.pl).
The other site is missing flash player in the list of navigator.plugins. Both sites are very similar so it's quite strange that one of them 'contains' the flash player and the second doesn't.
Has anyone got an idea what is wrong ?
The video urls are eg:
Video on magwet.pl
Video on podyplomie.pl
You don't have any Flash video (.FLV). Your videos are in .MP4 format. Chrome browser can play MP4 with it's own decoding engine (no need for plugins like Flash). JW Player is seeing MP4 given as video source so it talks to browser not plugin...
PS: To force Flash plugin usage then provide an .flv file or rtmp:// link.

HTML5 Video Tag for .mov

I´m incorporating a video code in my project, but it doesn´t seem to work correctly. So I´ve made a very basic, simple page to test the code in order to see if I´m doing anything wrong.
Here´s the link:
http://swingostoso.com.br.temp-address.com/pt/TesteVideo01.html
The only thing that´s different on this code is that I´m trying to stream a .mov video file. Other formats work fine with a similar code. But not this onde.
Thanks,
You have correctly identified that the problem is the use of the mov file.
According to MDN's Media formats supported by the HTML audio and video elements, only Safari supports the Quicktime video format.
The solution is to use a supported video format.

Embed code html to play rtmp stream with additional attributes?

does any one know the way to play, rtmp stream with attributes embded on a website?
Also if i have:
rtmp://$OPT:rtmp-raw=rtmp://xx.xx.xx.xx/live?idp=4050/rer_835660 playpath=rofl swfUrl=http://www.somewww.com/tv/swf/player.swf?file=redtofile&autostart=true&/2/3 live=1 pageUrl=http://www.somewww.com/tv/get_file.php
the real rtmp link is:
rtmp://xx.xx.xx.xx/live?idp=4050/rer_835660/rofl
some of rtmp will play if there is no token for swf player protection. That is why i need swfUrl and pageUrl added and sometimes Decrypt option.
Is it even possible? I know that vlc have some issues with playing such as url's.
//edit:
I know that my link does play in SimpleTV but i have to get it every time it changes. I have written php script so it fetches actual link for me as soon as I open my webpage. So i know its correct.
Just need to find way to play it, with anything, except SimpleTV.
Preferably Embed code for website, normal rtmp links i play via vlc plugin, but it does not support such as long rtmp links, example shown above. I might be wrong? That might be me could phase or construct correctly rtmp link.

html5 audio and WebAudio are BFFs - are they?

i am coding on a custom player for quite a while now.
My plan was to use soundcloud as my backend. And the HTML5 audio Tag as my streaming object.
I also want to include a Canvas for a bit of visualisation. And thats were the problem starts.
For the Visuals to work on both Browsers, I need to load the audio into an arraybuffer via xhr request. But then I can't use the audio Tag anymore. Which is sad, because by now I know how to code all the functionality i need based on it.
I found the article on html5rocks about html5 audio and WebAudio being best friends.
There is also an example on how to use the tag with an frequency bar visualizer. BUT
this only works on Chrome, because Firefox - maybe some of you have noticed - will play .mp3 files but inside a video object. For the visuals to work I would need .ogg files for Firefox. But then i can't use soundcloud as my backend anymore.
So do i have to rethink the whole player - or is there a way to decode the audio on both browsers while using html 5 audio?
thank you very much.
That's an issue with FF (no MP3 support in <audio>). But can't you get a media stream from the element also? It shouldn't matter that it's a not an - audioContext.createMediaElementSource should work on that, too.

HTML5 video and encoding checklist

So I did a little searching about the whole issue with HTML5 video tag etc. My client doesnt want the videos to be played through FLASH and general youtube. So he wants a custom video player and we should upload the video files to our server.
I have a problem displaying the video in Google Chrome why is that? http://www.2kfilms.com/jw_test2.html
In the above link you can see that it displays normally in IE. I found out that the best encoding you should have with HTML5 is: H.264 *OGG* and WEBM
So if I have the 3 different formats will it also play in Chrome?
Even this video here: http://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_video
doesnt play in my Google Chrome, and I find it weird. Its black and I can only hear Audio