Comments (10)
@kontrollanten I still can't get it to work. Can someone post a demo page? I made a simple one here which doesn't work: https://onedesign.ro/videojs/vimeo.html
I just tested my stream url with another player and it seems to be working perfectly with chromecast https://bitmovin.com/demos/stream-test?format=hls&manifest=https%3A%2F%2Fplayer.vimeo.com%2Fexternal%2F887203408.m3u8%3Fs%3De209ffa7f9b282b57843370fc91a55f8b56b14ae
Update: I grabbed the source code and built it locally. I get the same result so I am starting to think that there is something wrong with the way I initialise the player or the stream is different than expected. Here is the test page with the locally built source code: https://onedesign.ro/videojs/locally-built/
from videojs-chromecast.
It should be solved when #118 is released.
from videojs-chromecast.
This is supposed to be fixed with the merging of 118 but I could not make it work.
I have a test page here:
https://couchtofitness.com/session/407 which does not work as expected. The Chromecast player attempts to load the source for a few seconds then gives up and displays the Chromecast icon. The browser is still connected to Chromecast.
We are loading the plugin from //cdn.jsdelivr.net/npm/@silvermine/[email protected]/dist/silvermine-videojs-chromecast.min.js
The video file link is: https://player.vimeo.com/external/887203408.m3u8?s=e209ffa7f9b282b57843370fc91a55f8b56b14ae
from videojs-chromecast.
It seems that you haven't configured the modifyLoadRequestFn
. It should be configured like this:
options = {
techOrder: [ 'chromecast', 'html5' ], // Required
chromecast: {
modifyLoadRequestFn: function (loadRequest) { // HLS support
loadRequest.media.hlsSegmentFormat = 'fmp4';
loadRequest.media.hlsVideoSegmentFormat = 'fmp4';
return loadRequest;
}
},
plugins: {
chromecast: {
},
}
};
from videojs-chromecast.
Did it solve your issue?
from videojs-chromecast.
I had a version which was casting but the cast button was not showing up in the player. Now I fixed that but it's not casting. I have the same test link https://couchtofitness.com/session/407
I see a blank screen on Chromecast. I'd like to know how to debug this.
from videojs-chromecast.
Had same issue but probably because of a different problem, hls is packaged not only in .fmp4
but also in .ts
and in our case we use ts only, it's probably worth mentioning in the docs this fact, or even think of a more flexible solution that would allow player to support both
from videojs-chromecast.
More information from my testing:
The link above that was not working is now working: https://couchtofitness.com/session/407
I added a new test link which does not work: https://couchtofitness.com/session/408
They are using the same code, I replaced fmp4
with ts
in modifyLoadRequestFn
I struggle to debug the differences between these two feeds. I work with the assumptions that the codec used by Vimeo is the same for both links. The one I can't cast works fine with the Vimeo player so it's definitely possible to fix.
from videojs-chromecast.
I managed to get a working version by downloading the 4k version of the video file from Vimeo and re-uploading it. The only thing that I saw different was that the non-working hls url did not have the SUBTITLES entry. After re-uploading the auto-generated captions option was enabled on the Vimeo video settings page and it seems to cast fine.
This bit was in the working feed:
#EXT-X-MEDIA:TYPE=SUBTITLES,GROUP-ID="subs",NAME="English (auto-generated)",LANGUAGE="en-x-autogen",URI="https://165vod-adaptive.akamaized.net/exp=1702418400~acl=%2Fe39db795-dd34-4da0-8102-171719e15f24%2F%2A~hmac=90bf07f1c1fab7b4a84b7915063557bf516663b715d72b2eddedfba4b5190282/e39db795-dd34-4da0-8102-171719e15f24/subtitles/119986868/playlist.m3u8?d=41.474767&f=dash&subtoken=5c0019d5d8f74f8e59fd72e3ec0681ecb219d69567543bcb880eb9974ba5ef23",CHARACTERISTICS="public.accessibility.transcribes-spoken-dialog",AUTOSELECT=YES,DEFAULT=NO
from videojs-chromecast.
Related Issues (20)
- Loading the plugin and css from CDN doesn't seem to work? HOT 4
- Chromecast didn't work with hls HOT 1
- ChromeCast working on googleapi clip but not on local one HOT 1
- Moving chromecast button outside of the the controlbar HOT 2
- Support to add chromecast button outside the control-bar. HOT 1
- videojs.getComponent is not a function HOT 1
- Support Video.js 8.x HOT 8
- contentUrl is undefined HOT 1
- Remove deprecated .extend method HOT 1
- Silvermine plugin crashes with latest version on video.js ^8.0.4 HOT 2
- Uncaught TypeError: b.supportedMediaCommands.indexOf is not a function
- setSource being called multiple times when using latest version and videojs-playlist HOT 1
- "google-cast-button" has already been used with this registry
- Android is now sending only one Idle state event on first play
- React demo
- Chrome Cast Receiver is always Max Sound Volume from the beginning
- Chrome Cast Receiver disconnected after a page contains a player has been reloaded
- More frequent releases | Create a new tag HOT 3
- Video does not resume playing in browser after disconnecting from chromecast
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from videojs-chromecast.