Casting video to Chromecast from browser using angular - html

I'm developing a media player in angular and I would like to be able to cast my videos from my browser to my android tv.
I can already do it on Android from a Chrome browser who shows me the cast button on the upper left corner of my video.
But I searched and I can't find a way to trigger the cast myself.
Netflix appear to be able to do it in a browser so it must be possible.
Does anyone knows the way ?
Thanks in advance.

Related

‎SpeechSynthesis and chrome while casting a tab to a chromecast

I tried browsing around finding information about this, but to my surprise I could not find anything. Blows my mind, but here we go: I have a HTML5 application which is running in chrome. It has background sounds and music. It also uses ‎SpeechSynthesis for some text-to-speech (TTS).
When I cast the browser over to the chromecast, I hear all the audio fine. Except, the TTS is playing on my computer. I thought this odd, as I figured all audio from Chrome should now be going to my TVs chromecast.
Has anyone encountered this?
Is it normal?
Is there a way around it?
If there is no way around it, is there anyway to detect when I am in casting mode from my application so I can shut TTS off. According to the HTML5 application, TTS is available...it just is not properly going through the chromecast.
Thanks.

Play two vimeo videos at the same time on ios?

Using froogaloop (the js api provided by vimeo) I was able to play two videos at the same time on desktop and android phone but this isn't working on ipad.
It's a video of someone commenting the first video so I also need the first video to be muted (also ok on desktop and android phone).
On ipad, it seems like the first video shortly enters the playing state and stops when the second starts, as if there were an hard-coded limitation on the player that prevent both videos from playing at the same time.
Ipad is also the only platform where I see the "undock" button, which could explain the hard limitation.
Is there a way to play 2 videos at the same time, one muted, the other at full volume ?
First, vimeo has relased its new api recently and froogalops won't be maintained anymore, yet still working. I' don't know wether this release brings any changes in respect of ios
Second, your question is not super clear to me, as it seem you manage to do what you wanted, except on ipad (what ios version and what about other ios devices), while your title and your bottom line is
Is there a way to play 2 videos at the same time, one muted, the other at full volume ?
and not ? Is there a way to play two vimeo video at the same time on ipad or ios ?
Third, vimeo provides the posibility to add autopause=0 in the url of your embeded video, this prevent the vimeo video curently playing to be paused when another one is started.
It works on desktop and android but haven't tried the behaviour on ipad yet as Ì don't have one in hand at the moment.
Finally, after some seach, it seems that this question may be asked regarding ios at large, and not solely ipad, and in this respect this post might be usefull for you
Not sure if it helps, as your post is 7 month old, but if you provide your code I may give a second try.
Cheers

Chromeless YouTube API Displaying Overlay Play Button

All of a sudden the chromeless YouTube API is displaying the native overlay play button.
This is reproducible on the YouTube Demo page (https://developers.google.com/youtube/youtube_player_demo, set type to display an AS3 chromeless player).
Is anyone else experiencing this?
I am also experiencing strange behavior while setting dimensions of the player, and modestbranding logo is sometimes completely out of the video area. This is happening since yesterday, before that it was jsut fine
Did they changed something in the API? Anyone else experiencing problems as well?

Youtube API Overlay Play Button size off when using setSize

When looking at my video player app yesterday morning, I noticed some odd behavior on the AS3 Chromeless player.
When using the setSize function as documented in the API, the giant play button that overlays the video is now suddenly becoming very large, not even close to the dimensions specified. However, once the play button is clicked, the video player itself is fine. This is throwing off all of the positioning in my app, and looks terrible.
I assume something changed on the Chromeless Player, but I need to get this to work sooner rather than later. Is anyone else experiencing this issue / does anyone have a work around?
Thanks for the help!
Each time you set the size, force a redraw. Its gonna do that when you click it, and apparently, in your case, doesn't.
This is a known problem with the Google Data API for Youtube. People seem to be clamoring for a fix, although Google has not been very responsive.

is it possible to play m3u8 video in google chrome?

Is there any way via extension / hack / or otherwise to play an m3u8 video from google chrome? I'm having some trouble getting the official word on m3u8 support, though I'm pretty sure its unsupported.
I'm working on a video player with live playback (using flash for standard browser apps) so I'm using m3u8's to get everything working on mobile, but the debugging tools on mobile leave a lot to be desired. I was wondering if there was any workaround to getting these videos to work so I could use the browser debuggers. (I'm on windows 7).
There's a new appendBytes/sourceBuffer proposal in the spec, and I saw a chrome evangelist mention that there was a beta implementation in chrome canary. With that you would have to write a ton of javascript to read the m3u8 file, get the video segments, parse the data, and push them into the media element manually. I'm guessing that's more than you want to do for testing.
What you probably want is something like Weinre.