Autoplay HTML5 audio/vidéo dans iOS5

J'ai un HTML5 web-app qui a des effets sonores. Je vais essayer d'obtenir ces effets de travail dans iOS5 et ne peux pas pour la vie de moi.

Demandais si quelqu'un a des solutions de rechange visant à obtenir JS contrôle d'un HTML5 audio/vidéo de contrôle dans iOS5.

Ou même un moyen de contrôler plusieurs fichiers audio en un seul clic. Pour le moment, si j'ai 10 effets sonores, j'avais besoin de 10 utilisateur clique pour obtenir le contrôle de tous, ce qui est absurde!

Apple ne permet pas la lecture automatique sur il iOS est autant que je sache, il doit être initié par un clic de l'utilisateur, vous pouvez aussi jouer uniquement un fichier à la fois pour la vidéo et probablement de même pour l'audio
Je peux superposition de pistes sonores très bien, j'ai juste besoin d'une autorisation pour chacun de le faire...
Tout comme @andrewh mentionné, c'est l'utilisateur est activé, alors pourquoi ne pas vous overlay transparent div sur l'ensemble de votre application lorsque l'utilisateur touche supprimer et activer votre audio, de cette manière, il a une interaction de l'utilisateur. Ce n'est plus un hack. Ou déclencher les audios par tout autre bouton que vous pourriez avoir dans votre application qui requiert en cliquant sur
n'avez pas besoin de superposition de rien, je peux attraper clics jusqu'à document.body. Une partie du problème vient que je ne peut activer qu'UN seul fichier audio par clic, de sorte que l'utilisateur devra cliquer 10 fois si je veux le contrôle de plus de 10 effets sonores.

OriginalL'auteur Mark Kahn | 2011-11-08

  1. 7

    Absurb, mais vous devez le voir à partir de l'iPhone ou tout autre téléphone portable de point de vue. C'est un téléphone mobile en allant sur un réseau cellulaire avec des limitations de bande passante, qui beaucoup de gens savent à propos de la récente Sprint commercial. Ils ne veulent pas que les utilisateurs qui vont au-dessus de leur limite de bande passante, car certains site est l'envoi de leur téléphone une grande quantité de données sans qu'ils prennent eux-mêmes des actions.

    Ce qui suit est un extrait de l'officiel Safari Développeur De La Bibliothèque avec plus de détails.

    De Contrôle de l'utilisateur de Téléchargements Sur les Réseaux Cellulaires

    Dans Safari sur iOS (pour tous les appareils, y compris iPad), où l'utilisateur peut
    être sur un réseau cellulaire, et facturés par unité de données, et de précharge
    lecture automatique sont désactivées. Aucune donnée n'est chargé jusqu'à ce que l'utilisateur lance.
    Cela signifie que le JavaScript play() et les méthodes load() sont également inactive
    jusqu'à ce que l'utilisateur procède à la lecture, à moins que le play() ou la méthode load()
    est déclenchée par l'action de l'utilisateur. En d'autres termes, une initiative de l'utilisateur de Jouer
    bouton fonctionne, mais onLoad="play()" ne.

    Ce joue le film: <input type="button" value="Play" onClick="document.myMovie.play()">

    Cela ne veut rien sur iOS: <body onLoad="document.myMovie.play()">

    Un peu tardive, mais cela veut dire qu'il n'y a pas de solution?
    +1 pour dire "Absurb'

    OriginalL'auteur andrewh

  2. 6

    En raison à Apple, ils ont limité la lecture automatique des dispositifs empêchant la cellule des frais de données. Dans xcode4 j'ai ajouté une solution de contournement. Dans votre "webViewDidFinishLoad" Envoyer un appel javascript à lecture automatique de la vidéo et il fonctionne. J'ai essayé ceci dans le fichier html régulières en javascript mais il ne fonctionne pas. Faire qu'à travers webViewDidFinishLoad a fait le tour. Dans cet exemple, je veux de l'auto de lire la vidéo sur mon index.html page. J'ai une fonction javascript sur la page appelée startVideo().

    - (void)webViewDidFinishLoad:(UIWebView *)webView{
    NSURLRequest* request = [webView request];
    NSString *page = [request.URL lastPathComponent];
    if ([page isEqualToString:@"index.html"]){
        NSString *js = @"startVideo();";
        [myWebMain stringByEvaluatingJavaScriptFromString:js];
    }
}

    Et voici ma fonction javascript:

    <script>
function startVideo(){
var pElement3 = document.getElementById('myVideo');
pElement3.play();
}
</script>

    Et voici le code html dans le cas où vous êtes nouveau à l'html de la vidéo

    <video id="myVideo" poster="index_poster.png" width="1024" height="768" xcontrols     autoplay="autoplay">
<source src="flow.m4v" type="video/mp4"/>
browser not supports the video
</video>

    OriginalL'auteur Jim True

  3. 0

    Avez-vous essayé quelque chose comme ça??? 

    function clickedOnce(){
  $('audio').each(function(){
      this.play();
  });
}
    yep 🙂 Seul l'un d'entre eux fonctionne. Les autres sont ignorés. Mon code est maintenant quelque chose comme: var files = $('audio');...clickFn(){ files.pop().play(); } pour obtenir le contrôle de chaque fichier...
    Oui, j'étais juste capable de vérifier sur l'Ipad et il ne joue qu'une seule 🙁
    pouvez-vous poster plus de votre code, je pourrais en avoir besoin dans le futur. Merci

    OriginalL'auteur ryuutatsuo