时间戳

首页 > 解决方案 > Ionic 3 cordova media play on button click 不能在 android 上工作，但在 web 视图中工作

cordova - Ionic 3 cordova media play on button click 不能在 android 上工作，但在 web 视图中工作

问题描述

我已经实现了在单击按钮时播放音频的代码。当我运行命令 ionic serve 并在浏览器中打开时完美运行，但是当我构建 .apk 并在 android 上对其进行测试时，单击按钮时它不会播放音频。附上我的 html 和 typescript 控制器代码。

html

<ion-col class = "mystyle"  (click)="wajid()"  >
   <ion-label id = "aa"   > اَبَدًا </ion-label>   </ion-col>
<ion-col>

控制器

import { Component } from '@angular/core';
import { NavController } from 'ionic-angular';

@Component({
selector: 'page-home',
templateUrl: 'home.html'
})
export class HomePage {

    constructor(public navCtrl: NavController) {
    }


    wajid()
    {
        document.getElementById("aa").style.color = "blue";
        var bleep = new Audio();
        bleep.src = '../assets/sounds/q1p14_1.mp3';
        bleep.play();
        bleep.onended = function() {
            document.getElementById("aa").style.color = "red";
        }
    }
}

请帮我在安卓手机上播放音频。提前致谢

标签： cordovaionic-frameworkionic3

解决方案

将资产网址更改为以下

bleep.src = './assets/sounds/q1p14_1.mp3';

为什么？这里是解释...

当我们进行构建时，所有内容都在www文件夹中，里面有文件夹，这就是为什么 index.html 和 assets 文件夹在同一级别index.html。assets

推荐阅读