<view class="intro">
  <view class="container">
    <label for="pusher-url">推流地址：</label>
    <input type="text" id="pusher-url" value="{{currentPusherUrl}}" bindinput="handlePusherUrlChange" />
    <pusher 
      autopush
      id="pusher" 
      url="{{pusherUrl}}"
      bindstatechange="handlePusherStateChange"
      bindnetstatus="handlePusherNetStatus"
    ></pusher>
    <button 
      bindtap="handlePusherClick"
    >推流</button>
    <button bindtap="handleDumpPusherLog">Dump Log</button>
  </view>
  <view class="container">
    <label for="player-src">拉流地址：</label>
    <input type="text" id="player-src" value="{{currentPlayerSrc}}" bindinput="handlePlayerSrcChange" />
    <player 
      autoplay
      id="player" 
      src="{{playerSrc}}"
      bindstatechange="handlePlayerStateChange"
      bindnetstatus="handlePlayerNetStatus"
    ></player>
    <button bindtap="handlePlayerClick">拉流</button>
    <button bindtap="handleDumpPlayerLog">Dump Log</button>
  </view>
  
</view>