CastReferencePlayer/player.html at master · marcosmx/CastReferencePlayer · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<html>
    <head>
      <meta charset="utf-8">
      <title>Chromecast Customized Receiver</title>
      <script type="text/javascript" src="//www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js"></script>
      <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

      <link rel="shortcut icon" href="./images/favicon.ico" />
      <link rel='stylesheet' href="./receiver_custom_style.css" type='text/css'>
    </head>
    <body style='overflow: hidden'>
      <!-- Elements of Screens. You may customized the looks and feel of each Screens -->
      <div id="splash_screen">
        <img id="splash_image" class="absolute_center" />
      </div>

      <div id="loading_screen">
        <div id="loading_container">
          <div id ="logo_wrap">
            <img id = "logo_image" />
          </div>
          <div id ="information_container">
            <div id ="promo_wrapper">
              <img id = "promo_image" />
            </div>
            <div class="divider"> </div>
            <div id = "information">
              <div style = "padding: 0px">
                <h1 id = "loading_title" class ="cast_text"></h1>
                <h3 id = "loading_description" class ="cast_text"></h3>
              </div>
            </div>
          </div>
        </div>
        <div class ="loading_bar_wrapper">
          <div class="loading_bar"></div>
        </div>
      </div>

      <div id='player'>
          <video id="tmp_video"></video>
      </div>
      <div id="error_screen">
        <div id="error_container" class="absolute_center">
          <h1 id= "error_title" class ="cast_text" style="text-transform:uppercase"></h1>
          <h3 id= "error_code" class ="cast_text"></h3>
          <h3 id= "error_description" class ="cast_text"></h3>
        </div>
      </div>
      <script src="app.js"></script>
    </body>
    </html>