This project borrows heavily from https://github.com/googlecast/CastVideos-chrome, thus the Apache license is kept. The app uses Chromecast's (pretty basic) standard player (no custom backgrounds, no custom UI elements, just timeline, description and an image) since casting to this player does not require an API key. Requiring an API key would be very problematic since it is bound to a certain website that is reachable from the internet - which is exactly what we do not want!
How it looks
Upon start up you just get a list of folders containing media files. Click through the white directories to reach yellow files:
When clicking on a file it will play immediately in a player window that overlays the page. On smaller displays parts of the list might now be hidden. Just click "Toggle player" to make the player invisible or click the full screen icon to play - well - full screen:
Click on the Chromecast icon to send the video to your Chromecast. In this case the player window gets hidden immediately. Click on a different media file and it will play immediately on the Chromecast:
Prepare your web server
Put some files on your web server, to test if the mime types are set correctly:
- This Big Buck Bunny is known to play in Chrome, if opened from the local server it should play fine within Chrome http://commondatastorage.googleapis.com/gtv-videos-bucket/sample/BigBuckBunny.mp4
- Prepare an MKV with a h.264 video track and MP3 audio track(s), if Chrome tries to download the file, cheat a bit by declaring a mime type that Chrome accepts, like
AddType video/mp4 .mkvin Apaches
mime.conf- after a restart of your web server Chrome should play the video within the browser window.
Create the HTML file
Now add a directory structure for your videos below the RollerCaster directory. I usually use bind mounts to do so, depending on your configuration softlinks might also work.
Then run the supplied ruby script to generate the static HTML file. the script takes two parameters, local web root and http web root and writes to standard output. Assuming your RollerCaster installation lives in
/var/www/html/RollerCaster and this directory maps to
http://22.214.171.124/RollerCaster you run:
ruby traverse_dir.rb /var/www/html/RollerCaster http://126.96.36.199/RollerCaster \ > /var/www/html/RollerCaster/video.html
Of course you have to run this script every time you make changes to your video directories!
Open the player
Now navigate to
http://188.8.131.52/RollerCaster/video.html, navigate through your media directories, select a video and play it. Have fun!
You can send the video to Chromecast by clicking on the cast icon. The "Toggle player" in the upper right corner toggles the players visibility, which is useful on screens smaller than 1366px wide.
In it's current state, this app "just works": You can select a video, play fullscreen, toggle between local and Chromecast playback. But the interface is still a bit clunky. Here is what to expect to happen:
- Fix bug: when started without a Chromecast present, the play/pause button might stay inactive
- Create a nicer user interface - you are welcome to contribute mockups!
- Adjust this user interface to portrait mode (player on top, list below) for Windows 8 tablets
- Add selection of subtitles
- Add selection of audio tracks
- Show an image if an jpeg exists with the same name as the movie
- Show text description if it exists
- Eventually add an Android app that parses the HTML and uses the Android API to send the video to the ChromeCast
You might contact me by mail email@example.com if you have questions, I guess I'll create some FAQ soon. If you run into issues or bugs, please create a GitHub account and use the link "Issues" on the right pane to report.