请选择 进入手机版 | 继续访问电脑版
帖子
帖子
用户
博客
课程
123456下一页
返回列表 发新帖
显示全部楼层
回帖奖励
1 Y币
回复本帖可获得 1 Y币奖励! 每人限 1 次
177
帖子
0
勋章
1万+
Y币

audioPlayer模块(功能扩展多媒体)demo示例

[复制链接]
发表于 2017-12-29 19:05:07
  1. <!DOCTYPE html>
  2. <html>

  3. <head>
  4.     <meta charset="utf-8">
  5.     <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  6.     <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7.     <title>title</title>
  8.     <link rel="stylesheet" type="text/css" href="../css/api.css" />
  9.     <style>
  10.         body {}

  11.         html,
  12.         body {
  13.             height: 100%
  14.         }

  15.         body {
  16.             background-color: #fff;
  17.             margin: 0;
  18.         }

  19.         a.button {
  20.             display: -webkit-box;
  21.             -webkit-box-orient: vertical;
  22.             -webkit-box-pack: center;
  23.             -webkit-box-align: center;
  24.             height: 32px;
  25.             margin: 8px;
  26.             background-color: rgba(240, 240, 240, 1.0);
  27.             border-color: rgba(220, 220, 220, 1.0);
  28.             border-width: none;
  29.         }

  30.         a.active {
  31.             background-color: rgba(240, 240, 240, 0.7);
  32.         }
  33.     </style>
  34. </head>

  35. <body>
  36.     <a class="button" tapmode="active" onclick="fnInitPlayer()">初始化音频播放器,并播放</a>
  37.     <a class="button" tapmode="active" onclick="fnPlay()">播放音频</a>
  38.     <a class="button" tapmode="active" onclick="fnPause()">暂停播放</a>
  39.     <a class="button" tapmode="active" onclick="fnStop()">停止播放</a>
  40.     <a class="button" tapmode="active" onclick="fnSetVolume()">设置音量</a>
  41.     <a class="button" tapmode="active" onclick="fnGetVolume()">获取音量</a>
  42.     <a class="button" tapmode="active" onclick="fnSetCurrent()">设置播放位置</a>
  43.     <a class="button" tapmode="active" onclick="fnGetState()">获取当前播放器的状态</a>
  44. </body>
  45. <script type="text/javascript" src="../script/api.js"></script>
  46. <script type="text/javascript">
  47.     var audioPlayer;
  48.     apiready = function() {
  49.         audioPlayer = api.require('audioPlayer');
  50.     };

  51.     function fnInitPlayer() {
  52.         audioPlayer.initPlayer({
  53.             path: 'http://**.**1.z0.glb**.**/apicloud/0d0b81b8bd5ab81bda9ca54267eb9b98.mp3',
  54.             cache: false
  55.         }, function(ret) {
  56.             if (ret.status) {
  57.                 api.alert({
  58.                     msg: JSON.stringify(ret)
  59.                 });
  60.             }
  61.         });
  62.     }

  63.     function fnPlay() {
  64.         audioPlayer.play();
  65.     }

  66.     function fnPause() {
  67.         audioPlayer.pause();
  68.     }

  69.     function fnStop() {
  70.         audioPlayer.stop();
  71.     }

  72.     function fnSetVolume() {
  73.         audioPlayer.setVolume({
  74.             volume: 0.6
  75.         });
  76.     }

  77.     function fnGetVolume() {
  78.         audioPlayer.getVolume(function(ret) {
  79.             api.alert({
  80.                 msg: ret.volume
  81.             });
  82.         });
  83.     }

  84.     function fnSetCurrent() {
  85.         audioPlayer.setCurrent({
  86.             current: 10
  87.         });
  88.     }

  89.     function fnGetState() {
  90.         var audioPlayer = api.require('audioPlayer');
  91.         audioPlayer.getState(function(ret) {
  92.             api.alert({
  93.                 msg: ret.state
  94.             });
  95.         });
  96.     }
  97. </script>

  98. </html>
复制代码
音乐播放demo附带widget包,

本帖子中包含更多资源,您需要 登录 才可以下载或查看,没有帐号?立即注册

X
177
帖子
0
勋章
1万+
Y币
           +1
10
帖子
0
勋章
156
Y币
我就是来拿云币
41
帖子
0
勋章
112
Y币
谢谢分享,看看
34
帖子
5
勋章
2994
Y币
云币
0
帖子
0
勋章
18
Y币
新手入场!!!
4
帖子
0
勋章
15
Y币
谢谢分享
3
帖子
0
勋章
22
Y币
可以做的不错
1
帖子
0
勋章
2
Y币
感谢分享
2
帖子
0
勋章
7
Y币
支持一下,拿云币
123456下一页
您需要登录后才可以回帖 登录

本版积分规则