• 微信小程序下拉刷新效果


    首先在app.json中加入

    视频音频

    xml代码

    <view class="page-body">
      <view class="page-section tc">
        <video 
          id="myVideo" 
          src="http://wxsnsdy.tc.qq.com/105/20210/snsdyvideodownload?filekey=30280201010421301f0201690402534804102ca905ce620b1241b726bc41dcff44e00204012882540400&bizid=1023&hy=SH&fileparam=302c020101042530230204136ffd93020457e3c4ff02024ef202031e8d7f02030f42400204045a320a0201000400" 
          binderror="videoErrorCallback" 
          danmu-list="{{danmuList}}" 
          enable-danmu 
          danmu-btn 
          show-center-play-btn='{{false}}' 
          show-play-btn="{{true}}" 
          controls
          picture-in-picture-mode="{{['push', 'pop']}}"
          bindenterpictureinpicture='bindVideoEnterPictureInPicture'
          bindleavepictureinpicture='bindVideoLeavePictureInPicture'
        ></video>
        <view style="margin: 30rpx auto" class="weui-label">弹幕内容</view>
        <input bindblur="bindInputBlur" class="weui-input" type="text" placeholder="在此处输入弹幕内容" />
        <button style="margin: 30rpx auto"  bindtap="bindSendDanmu" class="page-body-button" type="primary" formType="submit">发送弹幕</button>
        <navigator style="margin: 30rpx auto"  url="picture-in-picture" hover-class="other-navigator-hover">
          <button type="primary" class="page-body-button" bindtap="bindPlayVideo">小窗模式</button>
        </navigator>
      </view>
    </view>
    <!-- audio.wxml -->
    <audio poster="{{poster}}" name="{{name}}" author="{{author}}" src="{{src}}" id="myAudio" controls loop></audio>
    
    <button type="primary" bindtap="audioPlay">播放</button>
    <button type="primary" bindtap="audioPause">暂停</button>
    <button type="primary" bindtap="audio14">设置当前播放时间为14秒</button>
    <button type="primary" bindtap="audioStart">回到开头</button>

    js代码

    Page({
      onReady: function (e) {
        // 使用 wx.createAudioContext 获取 audio 上下文 context
        this.audioCtx = wx.createAudioContext('myAudio')
      },
      data: {
        poster: 'http://y.gtimg.cn/music/photo_new/T002R300x300M000003rsKF44GyaSk.jpg?max_age=2592000',
        name: '此时此刻',
        author: '许巍',
        src: 'https://demo.dj63.com//2017/user_up/qq1487483943/20170219/%E8%A5%BF%E6%B5%B7%E6%83%85%E6%AD%8C%E9%99%8D%E5%A4%AE%E5%8D%93%E7%8E%9BDJ%E5%9D%9A%E5%B0%91mix2017.mp3',
      },
      audioPlay: function () {
        this.audioCtx.play()
      },
      audioPause: function () {
        this.audioCtx.pause()
      },
      audio14: function () {
        this.audioCtx.seek(14)
      },
      audioStart: function () {
        this.audioCtx.seek(0)
      }
    })

  • 相关阅读:
    SQLi-Labs
    ASP.NET 简介
    CSS
    Apache 基本配置
    【Windows 基础】 01
    sqli1-4
    SQL注入介绍(本文更新中)
    【DC-1】靶机实战
    常见端口的漏洞总结
    element ui table动态控制某列展示与否,并且该列使用了fixed,导致列表错位问题
  • 原文地址:https://www.cnblogs.com/cyxng/p/14542450.html
Copyright © 2020-2023  润新知