<template>
<view>
<page-head title="audio"></page-head>
<view class="uni-padding-wrap uni-common-mt">
<view class="uni-center">
<audio style="text-align: left" :src="current.src" :poster="current.poster" :name="current.name" :author="current.author"
:action="audioAction" controls></audio>
<view class="">audio组件不再维护，建议使用能力更强的uni.createInnerAudioContext()</view>
</view>
</view>
</view>
</template>
<script>
export default {
data() {
return {
current: {
poster: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/audio/music.jpg',
name: '致爱丽丝',
author: '暂无',
src: 'https://img-cdn-qiniu.dcloud.net.cn/uniapp/audio/music.mp3',
},
audioAction: {
method: 'pause'
}
}
}
}
</script>
小雨_0128
- 发布：2020-06-01 10:05
- 更新：2020-06-01 10:05
- 阅读：632
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows10
HBuilderX类型： 正式
HBuilderX版本号： 2.6.16
手机系统： Android
手机系统版本号： Android 7.0
手机厂商： 华为
手机机型： 荣耀AGS-L09（平板）
页面类型： vue
打包方式： 云端
项目创建方式： HBuilderX
操作步骤：
预期结果：
正常显示控件，播放音频
正常显示控件，播放音频
实际结果：
不显示控件，仅播放音频
不显示控件，仅播放音频
bug描述：
使用官方示例代码，运行到设备，audio控件没有在页面显示出来，声音播放了
0 个回复