<!--index.wxml-->
<view class="container">
  <view class="score">
    <video id="sample" object-fit="contain" controls="{{!recording}}" bindplay="onVideoPause" bindended="onVideoEnd" src="https://upyun.alchemy-studio.cn/daily-music/videos/sample.mp4"></video>
  </view>
  <view class="tools">
    <button size="mini" disabled="{{recording}}" bindtap="bindPlay">播放</button>
    <button size="mini" bindtap="bindRecord">{{recording ? "重唱": "跟唱"}}</button>
    <button size="mini" disabled="{{!record || recording}}" bindtap="bindPlayRecord">播放录音</button>
  </view>
  <view class="logo">
    <image mode="aspectFit" src="https://upyun.alchemy-studio.cn/daily-music/huiwing-logo.jpeg"></image>
  </view>
  <view class="footer">
    <button type="primary" disabled="{{!record || recording}}" bindtap="bindSubmit">提交</button>
  </view>
</view>
