reading.wxml 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839
  1. <view >
  2. <!-- <view class="videoSection" wx:if="{{!isIOS}}">
  3. <image wx:if="{{!videoLoad}}" class="videoIcon" src="{{iconImg}}" />
  4. </view> -->
  5. <video
  6. id="myVideo"
  7. class="videoSection"
  8. src="{{videoUrl}}"
  9. show-fullscreen-btn="{{fullScreenBtn}}"
  10. show-play-btn="{{playBtn}}"
  11. show-center-play-btn="{{centerBtn}}"
  12. muted="{{muted}}"
  13. enable-progress-gesture="{{gesture}}"
  14. bindwaiting="{{videoWaiting}}"
  15. bindended="recordingVideoEnd"
  16. ></video>
  17. <!-- <audio name="123" author="123" src="{{recordSource}}" id="myAudio" controls loop></audio> -->
  18. <scroll-view class="textSection" scroll-y="true">
  19. <text class="textContent">
  20. {{readingText}}
  21. </text>
  22. </scroll-view>
  23. <view class="footSection">
  24. <image class="blackbord" src="../../../static/image/blackbord.png" />
  25. <view class="collectBtn footerBtn" wx:if="{{btnFlag}}" bindtap="audioPlay">
  26. <image src="../../../static/image/listen.png" />
  27. <text>试听</text>
  28. </view>
  29. <view class="readingBtn footerBtn" bindtap="audioRecord">
  30. <image class="microphone" src="{{btnImgFlag ? recordingGif :microphonePng}}" />
  31. <text>{{btnImgFlag ? '点击结束' : btnFlag ? '点击重录' : '开始朗读'}}</text>
  32. </view>
  33. <view class="shareBtn footerBtn" wx:if="{{btnFlag}}" bindtap="upload">
  34. <image src="../../../static/image/upload.png" />
  35. <text>上传</text>
  36. </view>
  37. </view>
  38. </view>