APP开发之提示音、audio标签

最新推荐文章于 2021-08-23 10:05:45 发布

weixin_44540142

最新推荐文章于 2021-08-23 10:05:45 发布

阅读量760

点赞数

分类专栏：项目实训文章标签： HBuild Mui

本文链接：https://blog.csdn.net/weixin_44540142/article/details/88887103

版权

本文介绍了在APP开发中使用HTML和JS实现提示音播放的过程，重点是audio标签的应用。开发者需要注意音乐文件名不能含有中文，否则可能无法播放。作为一个初学者的经验分享，文中还提醒读者对可能出现的问题保持警惕。

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

效果图：

HTML代码

<link href="css/my_Privacy.css" rel="stylesheet" type="text/css" />
<script src="lib/mui.min.js"></script>
<script type="text/javascript" src="lib/mui.picker.js"></script>
<section class="aui-flexView">
	<header class="aui-navBar aui-navBar-fixed mui-bar mui-bar-nav mui-bar-nav-bg skin-bg-nav">
		<a style="margin-top:-8px;" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
		<h1 class="mui-title">通知铃声</h1>
	</header>
	<section class="aui-scrollView">
		<div class="aui-gray-box_2"></div>
		<a href="javascript:;" class="aui-cell-list">
			<span class="aui-cell-left" style="width: 50px;">本地铃声</span>
			<label style="height: 30px;" class="aui-cell-right">
				<i class="iconfont icon-more">&#xe603;</i>
			</label>
		</a>
		<div class="switch">
			<div class="aui-gray-box">
				<p>我的铃声</p>
			</div>
			<div class="aui-cell-list-box">
				<a href=&