BackgroundAudioManager

解释swan.getBackgroundAudioManager的返回值。

方法参数

backgroundAudioManager类的属性列表 :

属性类型只读说明
startTimeNumber开始播放的位置(单位:s),默认 0 。
durationNumber当前音频的长度(单位:s),只有在当前有合法的 src 时返回。
currentTimeNumber当前音频的播放位置(单位:s),只有在当前有合法的 src 时返回,时间不取整,保留小数点后 6 位。
pausedBoolean当前是否暂停或停止状态,true 表示暂停或停止,false 表示正在播放。
titleString音频标题,用于做原生音频播放器音频标题。原生音频播放器中的分享功能,分享出去的卡片标题,也将使用该值。
epnameString专辑名,原生音频播放器中的分享功能,分享出去的卡片简介,也将使用该值。
singerString歌手名,原生音频播放器中的分享功能,分享出去的卡片简介,也将使用该值。
coverImgUrlString封面图url,用于做原生音频播放器背景图。原生音频播放器中的分享功能,分享出去的卡片配图及背景也将使用该图。
srcString音频的数据链接,用于直接播放,请在上述属性设置完成后使用该属性。有效值:m4a, aac, mp3, wav。

示例

在开发者工具中预览效果

扫码体验

BackgroundAudioManager - 图1请使用百度APP扫码

图片示例

BackgroundAudioManager - 图2

BackgroundAudioManager - 图3

BackgroundAudioManager - 图4

代码示例

  • 在 js 文件中
  1. Page({
  2. onLoad() {
  3. const backgroundAudioManager = swan.getBackgroundAudioManager();
  4. console.log('backgroundAudioManager:', backgroundAudioManager)
  5. backgroundAudioManager.title = '演员';
  6. backgroundAudioManager.epname = '演员';
  7. backgroundAudioManager.singer = '薛之谦';
  8. backgroundAudioManager.coverImgUrl = 'https://c.hiphotos.baidu.com/super/pic/item/8b13632762d0f703e34c0f6304fa513d2797c597.jpg';
  9. backgroundAudioManager.onPlay(res => {
  10. swan.showToast({
  11. title: 'play',
  12. icon: 'none'
  13. });
  14. console.log('onPlay', res);
  15. });
  16. backgroundAudioManager.onPause(res => {
  17. swan.showToast({
  18. title: 'pause',
  19. icon: 'none'
  20. });
  21. console.log('onPause', res);
  22. });
  23. backgroundAudioManager.onStop(res => {
  24. swan.showToast({
  25. title: 'stop',
  26. icon: 'none'
  27. });
  28. console.log('onStop', res);
  29. });
  30. backgroundAudioManager.onEnded(res => {
  31. swan.showToast({
  32. title: 'end',
  33. icon: 'none'
  34. });
  35. console.log('onEnded', res);
  36. });
  37. backgroundAudioManager.onTimeUpdate(res => {
  38. console.log('onTimeUpdate', res);
  39. });
  40. backgroundAudioManager.onError(res => {
  41. swan.showToast({
  42. title: 'error',
  43. icon: 'none'
  44. });
  45. console.log('onError', res);
  46. });
  47. backgroundAudioManager.onWaiting(res => {
  48. swan.showToast({
  49. title: 'waiting',
  50. icon: 'none'
  51. });
  52. console.log('onWaiting', res);
  53. });
  54. backgroundAudioManager.onSeeked(res => {
  55. swan.showToast({
  56. title: 'onSeeked',
  57. icon: 'none'
  58. });
  59. console.log('onSeeked', res);
  60. });
  61. backgroundAudioManager.onSeeking(res => {
  62. swan.showToast({
  63. title: 'onSeeking',
  64. icon: 'none'
  65. });
  66. console.log('onSeeking', res);
  67. });
  68. backgroundAudioManager.onNext(res => {
  69. swan.showToast({
  70. title: 'onNext',
  71. icon: 'none'
  72. });
  73. console.log('onNext', res);
  74. });
  75. backgroundAudioManager.onPrev(res => {
  76. swan.showToast({
  77. title: 'onPrev',
  78. icon: 'none'
  79. });
  80. console.log('onPrev', res);
  81. });
  82. this.backgroundAudioManager = backgroundAudioManager;
  83. },
  84. play() {
  85. this.backgroundAudioManager.src = 'https://vd3.bdstatic.com/mda-ic7mxzt5cvz6f4y5/mda-ic7mxzt5cvz6f4y5.mp3';
  86. this.backgroundAudioManager.play();
  87. },
  88. pause() {
  89. this.backgroundAudioManager.pause();
  90. },
  91. stop() {
  92. this.backgroundAudioManager.stop();
  93. },
  94. seek() {
  95. this.backgroundAudioManager.seek(10);
  96. }
  97. });