Chromecast Playlists

Playlists with subtitles

Playlists with Chromecast Demo

        { "src": "images/stills/sintel_128x128.png", "sizes": "128x128", "type": "image/png" },
        { "src": "images/stills/sintel_512x512.png", "sizes": "512x512", "type": "image/png" }
      ]
    },
    "subtitles": {{ SUBTITLES["sintel"] }},
    "sources": {{ SOURCES_FP7["sintel_cast"] }}
  }
]

Demonstrated is a detailed playlist , with subtitles. Subtitles will be configured to display while casting.

Customisations to support subtitles in playlists is provided not provided in the Flowplayer Native subtitles plugin.

     
     <script src="//cdn.flowplayer.com/releases/native/3/stable/plugins/playlist.min.js"></script>

  <div class="flex flex-col w-full">
          <div id="playlists" class=""></div>


            <div id="playlist-ui"></div>
  </div>
  <script type="text/javascript">
  	var player = flowplayer("#playlists", {
    "controls": "#playlist-ui",
    "src": {
        "items": [
            {
                "castInfo": {
                    "artwork": [
                        {
                            "sizes": "128x128",
                            "src": "http://192.168.5.25:8000/plugins//flowplayer/native/chromecast/images/stills/bbb_128x128.png",
                            "type": "image/png"
                        },
                        {
                            "sizes": "512x512",
                            "src": "http://192.168.5.25:8000/plugins//flowplayer/native/chromecast/images/stills/bbb_512x512.png",
                            "type": "image/png"
                        }
                    ],
                    "images": [
                        {
                            "url": "http://192.168.5.25:8000/plugins//flowplayer/native/chromecast/images/stills/bbb_still.jpg"
                        }
                    ],
                    "subtitle": "Subtitle",
                    "title": "Big Buck Bunny"
                },
                "src": [
                    {
                        "src": "https://videos.electroteque.org/bitrate/big_buck_bunny_2000k.mp4",
                        "type": "video/mp4"
                    },
                    {
                        "src": "https://videos.electroteque.org/bitrate/big_buck_bunny_2000k.ogv",
                        "type": "video/ogg"
                    }
                ],
                "subtitles": {
                    "tracks": [
                        {
                            "default": 1,
                            "kind": "subtitles",
                            "label": "English",
                            "src": "//videos.electroteque.org/subtitles/sintel/sintel_en.vtt",
                            "srclang": "en"
                        },
                        {
                            "kind": "subtitles",
                            "label": "Deutsch",
                            "src": "//videos.electroteque.org/subtitles/sintel/sintel_de.vtt",
                            "srclang": "de"
                        },
                        {
                            "kind": "subtitles",
                            "label": "French",
                            "src": "//videos.electroteque.org/subtitles/sintel/sintel_fr.vtt",
                            "srclang": "fr"
                        },
                        {
                            "kind": "subtitles",
                            "label": "Italian",
                            "src": "//videos.electroteque.org/subtitles/sintel/sintel_it.vtt",
                            "srclang": "it"
                        }
                    ]
                },
                "title": "Big Buck Bunny"
            },
            {
                "castInfo": {
                    "artwork": [
                        {
                            "sizes": "128x128",
                            "src": "images/stills/sintel_128x128.png",
                            "type": "image/png"
                        },
                        {
                            "sizes": "512x512",
                            "src": "images/stills/sintel_512x512.png",
                            "type": "image/png"
                        }
                    ],
                    "images": [
                        {
                            "url": "http://192.168.5.25:8000/plugins//flowplayer/native/chromecast/images/stills/sintel_still.jpg"
                        }
                    ],
                    "subtitle": "Subtitle",
                    "title": "Sintel"
                },
                "src": [
                    {
                        "src": "https://videos.electroteque.org/bitrate/sintel_2000k.mp4",
                        "type": "video/mp4"
                    }
                ],
                "subtitles": {
                    "tracks": [
                        {
                            "default": 1,
                            "kind": "subtitles",
                            "label": "English",
                            "src": "//videos.electroteque.org/subtitles/sintel/sintel_en.vtt",
                            "srclang": "en"
                        },
                        {
                            "kind": "subtitles",
                            "label": "Deutsch",
                            "src": "//videos.electroteque.org/subtitles/sintel/sintel_de.vtt",
                            "srclang": "de"
                        },
                        {
                            "kind": "subtitles",
                            "label": "French",
                            "src": "//videos.electroteque.org/subtitles/sintel/sintel_fr.vtt",
                            "srclang": "fr"
                        },
                        {
                            "kind": "subtitles",
                            "label": "Italian",
                            "src": "//videos.electroteque.org/subtitles/sintel/sintel_it.vtt",
                            "srclang": "it"
                        }
                    ]
                },
                "title": "Sintel"
            }
        ],
        "type": "flowplayer/playlist"
    },
    "token": "eyJraWQiOiIyeHRpc0Q5NHZzTjIiLCJ0eXAiOiJKV1QiLCJhbGciOiJFUzI1NiJ9.eyJjIjoie1wiYWNsXCI6NixcImlkXCI6XCIyeHRpc0Q5NHZzTjJcIixcImRvbWFpblwiOltcImVsZWN0cm90ZXF1ZS5vcmdcIl19IiwiaXNzIjoiRmxvd3BsYXllciJ9.WLUkZHpDNoaXWDaFO2V5UfXm7SnDvE1pFAM0e7ppnFovOSyCCZM-b8gQNBSElB5yirTP__x76Qyo8pMWh6lVrw"
});
  </script>