recherche

Maison  >  Questions et réponses  >  le corps du texte

javascript - Problèmes de chargement audio

Obtenez d'abord le code

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="format-detection" content="telephone=no">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>test</title>
<script src="static/lib/jquery/jquery-1.10.1.min.js"></script>
</head>

<body> 
<p class="loading"></p> 
<script>
$(document).ready(function (){
    
    /*------------  初始化 -------------*/
    
    //加载音乐
    var LoadAudio = function (src){
        this.audio = document.createElement('audio');
        this.audio.src = src;
        };
    LoadAudio.prototype = {
        constructor : LoadAudio,
        play : function (){
            this.audio.play();
            },
        pause : function (){
            this.audio.pause();
            },
        isLoadFn : function (callback){
            var that = this;
            this.audio.addEventListener('canplaythrough', function (){
                callback(true);
                }, false);
            }
        };
    
    var callMusic = new LoadAudio('static/images/call.mp3');
    
    callMusic.isLoadFn(function (result){
        alert(result);
        if(result){
        $('.loading').fadeOut();
        }
        });
    
    });
</script>
</body>
</html>

Le problème actuel est que le terminal mobile ne peut pas se charger normalement lors de l'utilisation du trafic.
Il peut être utilisé avec le WIFi. Je ne sais pas quel est le problème. L'événement de surveillance canplaythrough n'est-il pas toujours surveillé ?
Comment le modifier, merci de me donner quelques conseils.

PHP中文网PHP中文网2753 Il y a quelques jours499

répondre à tous(1)je répondrai

  • PHP中文网

    PHP中文网2017-05-16 13:39:16

    Pour la vidéo, j'utilise Video.js. J'utilisais la version native, mais ce n'était pas très simple à utiliser. Tout sur la compatibilité est déjà écrit

    répondre
    0
  • Annulerrépondre