实现音频播放Cordova移动开发实战

最新推荐文章于 2021-05-27 08:20:53 发布

梦幻追光者

最新推荐文章于 2021-05-27 08:20:53 发布

阅读量353

点赞数 1

文章标签： Cordova 移动应用开发 app 音频播放播放器

本文链接：https://blog.csdn.net/weixin_44228861/article/details/89971063

版权

本文介绍了使用Cordova和JQuery Mobile框架开发移动应用中实现音频播放的详细步骤，包括添加cordova-plugin-media插件，以及展示html、css和js文件的关键代码段。

摘要由CSDN通过智能技术生成

如何实现app音频播放功能

框架选择为比较流行的JQuery Mobile

音频播放插件：cordova plugin add cordova-plugin-media

一、html文件代码

代码为：


<!DOCTYPE html>  
<html>
    <head>
        <meta charset="utf-8">
		<link rel="stylesheet" href="css/index.css">
        <link rel="stylesheet" href="css/jquery.mobile-1.4.5.min.css" />
        <script src="js/jquery.js"></script>
        <script src="js/jquery.mobile-1.4.5.js"></script>                 
        <script src="cordova.js"></script>
        <script src="js/index.js"></script>
        </head>        
        <body>
         <div data-role="page" id="main">
            <div data-role="header" data-theme="b" data-tap-toggle="false" >
                <h1>音频小厅</h1>
            </div>

            <div class="logo"></div>
            <ul data-role="listview" id="listv"></ul>
	                                
        <div data-role="footer" data-position="fixed"  data-tap-toggle="false" class="footer">
            <div class="rotatediv"></div>

            <div class="slidercontaner">
                <div class="rectslider">
                    <div class="circleslider"  id="circleslider" ></div>
                </div>
            </div>

            <div class="pinfo">&nbsp;</div>

            <div class="imgbutton">
                <img src="img/Prev.png" id="btprev">
                <img src="img/play.png" id="btplay">
                <img src="img/next.png" id="btnext">
                <img src="img/Stop.png" id="btstop">

            </div>
        </div>
        </div>          
        </body>
</html>

二、css文件代码

代码为：


*{box-sizing: border-box;}
.logo{background: url("../img/logo.jpg") no-repeat;width: 100%;height:160px;background-size:cover;}

最低0.47元/天解锁文章

梦幻追光者

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
实现音频播放Cordova移动开发实战

如何实现app音频播放功能框架选择为比较流行的JQuery Mobile音频播放插件：cordova plugin add cordova-plugin-media一、html文件代码代码为：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> &lt...
复制链接

扫一扫