zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden [fertiges Script] Play Audiofile onclick. Problem mit 2 Dateien gleichzeitg

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 03.08.2011, 11:19
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.07.2011
Beiträge: 14
Benni91 befindet sich auf einem aufstrebenden Ast
Standard [fertiges Script] Play Audiofile onclick. Problem mit 2 Dateien gleichzeitg

Hi ich muss auf einer Website mehrere Audiodatein einbinden, welche dann beim drücken eines links abgespielt werden.

Ich hab dieses script
Kawanet Tech Blog: HTML5.Audio - JavaScript MP3 Player Library (HTML5-like)
dafür genommen. Mit einer Audiodatei funktioniert es super.


Um zwei oder mehrere Datein abzuspielen (in diesem Fall 2) habe ich das Script wie folgt modifiziert.

HTML-Code:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>HTML5.Audio Example - Simple</title>
<script type="text/javascript" src="../js/swfobject.js"></script>
<script type="text/javascript" src="../js/jkl-js2as.js"></script>
<script type="text/javascript" src="../js/html5-audio.js"></script>
<script type="text/javascript"><!--

    HTML5.Audio.Proxy.getProxy({swfPath:'../swf/html5-audio.swf',onready: init});

    var music;
    function init () {
        var url = '../sounds/kik.mp3';
        music = new HTML5.Audio(url);
    }

    function play () {
        music.play();
    }
--></script>
<script type="text/javascript"><!--
    HTML5.Audio.Proxy.getProxy({swfPath:'../swf/html5-audio.swf',onready: init2});
    
    var music2;
    function init2 () {
        var url = '../sounds/rhh.mp3';
        music2 = new HTML5.Audio(url);
    }

    function play2 () {
        music2.play2();
    }

--></script>
</head>
<body>


<a href="#" onclick="music.play();"> Test </a>
<a href="#" onclick="music2.play2();"> Test 2</a>

</body>
</html>

Das Problem jetzt. Die erste Datei wird abgespielt. Die zweite nicht.

das gleiche ergebnis erhalte ich bei folgendem code

HTML-Code:
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>HTML5.Audio Example - Simple</title>
<script type="text/javascript" src="../js/swfobject.js"></script>
<script type="text/javascript" src="../js/jkl-js2as.js"></script>
<script type="text/javascript" src="../js/html5-audio.js"></script>
<script type="text/javascript"><!--

    HTML5.Audio.Proxy.getProxy({swfPath:'../swf/html5-audio.swf',onready: init});

    var music;
    function init () {
        var url = '../sounds/kik.mp3';
        music = new HTML5.Audio(url);
    }

    function play () {
        music.play();
    }
    
    HTML5.Audio.Proxy.getProxy({swfPath:'../swf/html5-audio.swf',onready: init2});
    
    var music2;
    function init2 () {
        var url = '../sounds/rhh.mp3';
        music2 = new HTML5.Audio(url);
    }

    function play2 () {
        music2.play2();
    }

--></script>
</head>
<body>


<a href="#" onclick="music.play();"> Test </a>
<a href="#" onclick="music2.play2();"> Test 2</a>

</body>
</html>
Kann mir da jemand helfen? Oder kennt ihr einen besseren weg die mp3s abzuspielen?

Gruß Benni
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 04.08.2011, 14:47
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2006
Beiträge: 745
mermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblick
Standard

Das zweite Beispiel dürfte dich weiterbringen:

- HTML5.Audio Example - MP3 Player
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 04.08.2011, 20:08
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.07.2011
Beiträge: 14
Benni91 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von mermshaus Beitrag anzeigen
Das zweite Beispiel dürfte dich weiterbringen:

- HTML5.Audio Example - MP3 Player
inwiefern ?
Mit Zitat antworten
  #4 (permalink)  
Alt 04.08.2011, 20:16
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 13.07.2006
Beiträge: 745
mermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblickmermshaus ist ein wunderbarer Anblick
Standard

Na ja, es zeigt, wie beliebige URLs aufgerufen und abgespielt werden können.

Das versuchst du doch, oder?
Mit Zitat antworten
  #5 (permalink)  
Alt 05.08.2011, 09:52
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 07.07.2011
Beiträge: 14
Benni91 befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von mermshaus Beitrag anzeigen
Na ja, es zeigt, wie beliebige URLs aufgerufen und abgespielt werden können.

Das versuchst du doch, oder?
Jaein.

Ich hab 5 feste Töne und brauch dazu 5 Buttons die ich gleichzeitig auf der website habe. Diese sollen dann bei jedem druck den sound abspielen.

Die Buttons sind dazu da um sich selbst effekte in ein lied das läuft "reinzumischen"
Mit Zitat antworten
  #6 (permalink)  
Alt 22.10.2012, 17:06
Neuer Benutzer
neuer user
 
Registriert seit: 29.11.2011
Beiträge: 25
joocom kann nur auf Besserung hoffen
Standard

Hallo,

das Audio-Element von HTML5 lässt sich auch bequem per Javascript steuern. In meinem Tutorial kannst Du das nachlesen.

Beste Grüße aus Hannover
Stephan
Mit Zitat antworten
  #7 (permalink)  
Alt 22.10.2012, 18:47
Benutzerbild von inta
free as in freedom
XHTMLforum-Kenner
 
Registriert seit: 04.12.2006
Ort: Berlin
Beiträge: 5.016
inta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz seininta kann auf vieles stolz sein
Standard

Und du meinst, dass Benni nach mehr als einem Jahr immer noch auf der Suche ist?
Mit Zitat antworten
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus



Alle Zeitangaben in WEZ +2. Es ist jetzt 13:22 Uhr.