2016-08-30 6 views
0

JavaScriptのこの非常に単純なコードは、コルドバでは動作しません。Javascript&Cordova:サウンドがうまくいきません

<head> 
    <meta http-equiv="Content-Security-Policy" content="default-src 'self' data: gap: https://ssl.gstatic.com 'unsafe-eval'; style-src 'self' 'unsafe-inline'; media-src *"> 
    <meta name="format-detection" content="telephone=no"> 
    <meta name="msapplication-tap-highlight" content="no"> 
    <meta name="viewport" content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, width=device-width"> 
    <link rel="stylesheet" type="text/css" href="css/index.css"> 
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css"> 
    <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css"> 
    <title>Hello World</title> 
    <link type="text/css" rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.1/css/bootstrap.min.css" /> 

    <style> 
     nav#nav1{margin-top: 24px;} 
     nav#nav1 > a{ background:#B9E1FF; color:#000; padding:10px; text-decoration:none; border-radius:5px; font-family:"Arial Black", Gadget, sans-serif; } 
     nav#nav1 > a:hover{ background: #BBEA00; } 
     nav#nav1 > a:active{ background: #EEFFA8; } 
    </style> 
    <script> 
     var bleep = new Audio(); 
     bleep.src = 'bleep.mp3'; 
    </script> 
</head> 
<body> 
<div class="container"> 
     <nav id="nav1"> 
      <a href="#" onmousedown="bleep.play()">Home</a> 
      <a href="#" onmousedown="bleep.play()">About Us</a> 
      <a href="#" onmousedown="bleep.play()">Services</a> 
      <a href="#" onmousedown="bleep.play()">Contact</a> 
     </nav> 
</div> 

多くのありがとうございます!

答えて

0

Audio()オブジェクト用に使用しているプラ​​グインをリンクしてください。

コルドバのドキュメントでは、「メディア」を使用しています:あなたはこのプラグインを使用する場合は https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-media/

あなたはより良い結果を持っている必要があります!

+0

ありがとうございました! :) –

0

はまた、あなたもそれ用のプラグインがありnew Mediaないnew Audioを試すことができます

var bleep = new Audio("proper_path/bleep.mp3"); 

を試してみてください。 もう一つのよくある間違いは、ファイルの上にコードブラウザのjavascriptファイルを追加することを忘れることです。

関連する問題