streaming-html5/src/page/sm-test/publishStreamManagerProxyMute/index.html at 27701785ce1ff52db03cc7565da409a2c5fd0d14 · red5pro/streaming-html5 · 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
<!doctype html>
{{> license}}
<html>
  <head>
    {{> meta title='Publish Stream Manager Mute API Test'}}
    {{> header-scripts}}
    {{> header-stylesheets}}
    <style>
      .control-container {
        display: flex;
        flex-direction: row;
        background-color: #dbdbdb;
        padding: 20px;  }
      .control-container > button:nth-child(even) {
        margin-left: 20px;
      }
    </style>
  </head>
  <body>
    {{> top-bar }}
    {{> navigation isTestPage=true }}
    <div id="app">
      {{> settings-link}}
      <div class="ice-background">
      <div class="test-notification">
        <p>In order to properly run the Stream Manager examples, you will need to configure you server for cluster infrastructure as described in the following documentation:</p>
        <p><a href="https://www.red5pro.com/docs/server/autoscale/" target="_blank">https://www.red5pro.com/docs/server/autoscale/</a></p>
      </div>
      </div>
      {{> test-info testTitle='Publish Stream Manager Mute API Test'}}
      <div class="stream-section">
        {{> status-field-publisher}}
        {{> statistics-field packets_field='Packets Sent'}}
        <div class="centered"><p id="address-field" class="address-field">Origin Address: N/A</p></div>
        <div class="centered">
          <video id="red5pro-publisher" class="red5pro-publisher"
                 controls autoplay playsinline muted>
          </video>
        </div>
        <div class="centered">
          <p class="control-container">
            <button id="mute-audio-button" class="ui-button">Mute Audio (Client)</button>
            <button id="mute-video-button" class="ui-button">Mute Video (Client)</button>
          </p>
        </div>
      </div>
    </div>
    {{> body-scripts}}
    <script src="index.js"></script>
  </body>
</html>