创新互联百度小程序教程：BackgroundAudioManager

  • BackgroundAudioManager
    • 方法参数
      • backgroundAudioManager 类的属性列表
    • 示例
      • 图片示例
      • 代码示例

    BackgroundAudioManager

    解释：swan.getBackgroundAudioManager 的返回值。

    创新互联公司总部坐落于成都市区，致力网站建设服务有网站制作、做网站、网络营销策划、网页设计、网站维护、公众号搭建、小程序开发、软件开发等为企业提供一整套的信息化建设解决方案。创造真正意义上的网站建设，为互联网品牌在互动行销领域创造价值而不懈努力！

    方法参数

    backgroundAudioManager 类的属性列表

    startTime

    Number

    否

    开始播放的位置（单位：s），默认 0

    duration

    Number

    是

    当前音频的长度（单位：s），只有在当前有合法的 src 时返回

    currentTime

    Number

    是

    当前音频的播放位置（单位：s），只有在当前有合法的 src 时返回，时间不取整，保留小数点后 6 位

    paused

    Boolean

    是

    当前是否暂停或停止状态。true：表示暂停或停止，false：表示正在播放

    title

    String

    否

    音频标题，用于做原生音频播放器音频标题。原生音频播放器中的分享功能，分享出去的卡片标题，也将使用该值

    epname

    String

    否

    专辑名，原生音频播放器中的分享功能，分享出去的卡片简介，也将使用该值

    singer

    String

    否

    歌手名，原生音频播放器中的分享功能，分享出去的卡片简介，也将使用该值

    coverImgUrl

    String

    否

    封面图 url，用于做原生音频播放器背景图。原生音频播放器中的分享功能，分享出去的卡片配图及背景也将使用该图

    src

    String

    否

    音频的数据链接，用于直接播放，请在上述属性设置完成后使用该属性。有效值：m4a、aac、mp3、wav

    lrcURL

    String

    否

    歌词 url ，用于做原生音频播放器展示的歌词

    最低支持版本 3.170.2

    showFloatView

    Boolean

    否

    是否在小程序内显示背景音乐悬浮球

    最低支持版本 3.220.5

    floatPosition

    Number

    否

    背景音乐悬浮球初始位置，以设备屏幕左侧 1/3 线以下为基准，按照所设置的比例进行悬浮球初始化位置的设定，可选区间为 [0, 1]

    最低支持版本 3.220.5

    属性类型只读说明最低版本

    示例

    跳转编辑工具

    在开发者工具中打开

    在 WEB IDE 中打开

    扫码体验

    代码示例

    请使用百度APP扫码

    图片示例

    代码示例

    • JS
     
 
 
        
  
  
      2.   
  
  
    2. Page({
      3.   
  
  
    3.  onLoad() {
      4.   
  
  
    4.  const backgroundAudioManager = swan.getBackgroundAudioManager();
      5.   
  
  
    5.  console.log('backgroundAudioManager:', backgroundAudioManager)
      6.   
  
  
    6.  backgroundAudioManager.title = '演员';
      7.   
  
  
    7.  backgroundAudioManager.epname = '演员';
      8.   
  
  
    8.  backgroundAudioManager.singer = '薛之谦';
      9.   
  
  
    9.  backgroundAudioManager.coverImgUrl = 'https://c.hiphotos.baidu.com/super/pic/item/8b13632762d0f703e34c0f6304fa513d2797c597.jpg';
      10.   
  
  
    10.  // 歌词地址，基础库 3.170.2 开始支持，以下仅为示例，非真实接口地址
      11.   
  
  
    11.  backgroundAudioManager.lrcURL = 'xxxxx';
      12.   
  
  
    12.  // 在小程序内显示背景引用悬浮球，基础库 3.220.5 开始支持
      13.   
  
  
    13.  backgroundAudioManager.showFloatView = true;
      14.   
  
  
    14.  // 设置悬浮球初始位置
      15.   
  
  
    15.  backgroundAudioManager.floatPosition = 0.5;
      16.   
  
  
      17.   
  
  
    17.  backgroundAudioManager.onPlay(res => {
      18.   
  
  
    18.  swan.showToast({
      19.   
  
  
    19.  title: 'play',
      20.   
  
  
    20.  icon: 'none'
      21.   
  
  
    21.  });
      22.   
  
  
    22.  console.log('onPlay', res);
      23.   
  
  
    23.  });
      24.   
  
  
      25.   
  
  
    25.  backgroundAudioManager.onPause(res => {
      26.   
  
  
    26.  swan.showToast({
      27.   
  
  
    27.  title: 'pause',
      28.   
  
  
    28.  icon: 'none'
      29.   
  
  
    29.  });
      30.   
  
  
    30.  console.log('onPause', res);
      31.   
  
  
    31.  });
      32.   
  
  
      33.   
  
  
    33.  backgroundAudioManager.onStop(res => {
      34.   
  
  
    34.  swan.showToast({
      35.   
  
  
    35.  title: 'stop',
      36.   
  
  
    36.  icon: 'none'
      37.   
  
  
    37.  });
      38.   
  
  
    38.  console.log('onStop', res);
      39.   
  
  
    39.  });
      40.   
  
  
      41.   
  
  
    41.  backgroundAudioManager.onEnded(res => {
      42.   
  
  
    42.  swan.showToast({
      43.   
  
  
    43.  title: 'end',
      44.   
  
  
    44.  icon: 'none'
      45.   
  
  
    45.  });
      46.   
  
  
    46.  console.log('onEnded', res);
      47.   
  
  
    47.  });
      48.   
  
  
      49.   
  
  
    49.  backgroundAudioManager.onTimeUpdate(res => {
      50.   
  
  
    50.  console.log('onTimeUpdate', res);
      51.   
  
  
    51.  });
      52.   
  
  
      53.   
  
  
    53.  backgroundAudioManager.onError(res => {
      54.   
  
  
    54.  swan.showToast({
      55.   
  
  
    55.  title: 'error',
      56.   
  
  
    56.  icon: 'none'
      57.   
  
  
    57.  });
      58.   
  
  
    58.  console.log('onError', res);
      59.   
  
  
    59.  });
      60.   
  
  
      61.   
  
  
    61.  backgroundAudioManager.onWaiting(res => {
      62.   
  
  
    62.  swan.showToast({
      63.   
  
  
    63.  title: 'waiting',
      64.   
  
  
    64.  icon: 'none'
      65.   
  
  
    65.  });
      66.   
  
  
    66.  console.log('onWaiting', res);
      67.   
  
  
    67.  });
      68.   
  
  
      69.   
  
  
    69.  backgroundAudioManager.onSeeked(res => {
      70.   
  
  
    70.  swan.showToast({
      71.   
  
  
    71.  title: 'onSeeked',
      72.   
  
  
    72.  icon: 'none'
      73.   
  
  
    73.  });
      74.   
  
  
    74.  console.log('onSeeked', res);
      75.   
  
  
    75.  });
      76.   
  
  
    76.  backgroundAudioManager.onSeeking(res => {
      77.   
  
  
    77.  swan.showToast({
      78.   
  
  
    78.  title: 'onSeeking',
      79.   
  
  
    79.  icon: 'none'
      80.   
  
  
    80.  });
      81.   
  
  
    81.  console.log('onSeeking', res);
      82.   
  
  
    82.  });
      83.   
  
  
      84.   
  
  
    84.  backgroundAudioManager.onNext(res => {
      85.   
  
  
    85.  swan.showToast({
      86.   
  
  
    86.  title: 'onNext',
      87.   
  
  
    87.  icon: 'none'
      88.   
  
  
    88.  });
      89.   
  
  
    89.  console.log('onNext', res);
      90.   
  
  
    90.  });
      91.   
  
  
      92.   
  
  
    92.  backgroundAudioManager.onPrev(res => {
      93.   
  
  
    93.  swan.showToast({
      94.   
  
  
    94.  title: 'onPrev',
      95.   
  
  
    95.  icon: 'none'
      96.   
  
  
    96.  });
      97.   
  
  
    97.  console.log('onPrev', res);
      98.   
  
  
    98.  });
      99.   
  
  
    99.  this.backgroundAudioManager = backgroundAudioManager;
      100.   
  
  
    100.  },
      101.   
  
  
    101.  play() {
      102.   
  
  
    102.  this.backgroundAudioManager.src = 'https://vd3.bdstatic.com/mda-ic7mxzt5cvz6f4y5/mda-ic7mxzt5cvz6f4y5.mp3';
      103.   
  
  
    103.  this.backgroundAudioManager.play();
      104.   
  
  
    104.  },
      105.   
  
  
    105.  pause() {
      106.   
  
  
    106.  this.backgroundAudioManager.pause();
      107.   
  
  
    107.  },
      108.   
  
  
    108.  stop() {
      109.   
  
  
    109.  this.backgroundAudioManager.stop();
      110.   
  
  
    110.  },
      111.   
  
  
    111.  seek() {
      112.   
  
  
    112.  this.backgroundAudioManager.seek(10);
      113.   
  
  
    113.  }
      114.   
  
  
    114. });
      115.

    网站名称：创新互联百度小程序教程：BackgroundAudioManager
    文章地址：http://www.shufengxianlan.com/qtweb/news23/126473.html

    网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

    广告

    声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联

    猜你还喜欢下面的内容

    网站策划知识

    各行业网站

    成都二枢机房　　 　云服务器　　 　短视频拍摄　　 　凯亚自动化控制　　 　成都微商城开发　　 　成都企业网站制作　　 　成都app软件开发　　 　百度推广公司　　 　成都微信开发　　 　app软件定制开发　　 　复盛机电设备安装　　 　网站搜索引擎优化　　 　成都网站设计　　 　郫县明安消防器材　　 　成都网站改版　　 　网站推广　　 　重庆水土三线托管　　 　自适应网站　　 　成都做网站　　 　网页设计制作