chromecast-sender.html

---
layout: default
---
<!--
// Copyright 2016 Google Inc. All Rights Reserved.
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
-->
<link rel="stylesheet" type="text/css" href="css/app-chromecast-sender.css">
<link href='//fonts.googleapis.com/css?family=Roboto&subset=latin,cyrillic-ext,greek-ext,latin-ext' rel='stylesheet' type='text/css'>
<h1>Chromecast Sender</h1>
<section class="bootstrap-iso">
  <form id="playform">
    <div class="form-group">
      <label for="manifest">DASH Manifest:</label>
      <input type="text" class="form-control" id="manifest" name="manifest" data-manifest-target data-persist="dash-manifest">
    </div>
    <div class="form-group">
      <label for="widevine-url">Widevine License URL: (Optional)</label>
      <input type="text" class="form-control" id="widevine-url" name="manifest" data-persist="dash-widevine">
    </div>
    <button type="submit" class="btn btn-primary btn-lg" is="google-cast-button" id="castbutton">Cast Not Available</button><br><br>
    {% include examples.html kind="dash" %}
  </form>
</section>
<section>
  <div class="blackbg" id="playerstatebg">IDLE</div>
  <div class=label id="playerstate">IDLE</div>
  <video id="video_element" width="600" height="300"></video>
</section>
<div id="media_control" class="container">
    <div id="play"></div>
    <div id="pause"></div>
    <div id="progress_bg"></div>
    <div id="progress"></div>
    <div id="progress_indicator"></div>
    <div id="fullscreen_expand"></div>
    <div id="fullscreen_collapse"></div>
    <!-- <button is="google-cast-button" id="castbutton"></button> -->
    <div id="audio_bg"></div>
    <div id="audio_bg_track"></div>
    <div id="audio_indicator"></div>
    <div id="audio_bg_level"></div>
    <div id="audio_on"></div>
    <div id="audio_off"></div>
    <div id="duration">00:00:00</div>
</div>

<script src="js/app-chromecast-sender.js"></script>
<script type="text/javascript">
  var castPlayer = new CastPlayer();
  window['__onGCastApiAvailable'] = (isAvailable) => {
      if (isAvailable) {
          castPlayer.initializeCastPlayer();
      }
  };
</script>
<script type="text/javascript" src="https://www.gstatic.com/cv/js/sender/v1/cast_sender.js?loadCastFramework=1"></script>