2010-12-04 3 views
0

J'essaye de faire en sorte que ce lecteur démarre et s'arrête simplement lorsque vous cliquez sur la piste. J'ai échoué misérablement à cela. Quelqu'un at-il déjà utilisé cela et peut-il m'aider un peu? J'espérais obtenir d'agir semblable à ce http://www.schillmania.com/projects/soundmanager2/demo/page-player/basic.htmlJavascript SoundManager2 Problèmes

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> 

<head> 

<title>DEMO</title> 
<link rel="stylesheet" type="text/css" href="style.css" /> 



<script type="text/javascript" src="soundmanager2.js"></script> 
<script type="text/javascript" src="page-player.js"></script> 


<script type="text/javascript"> 
soundManager.url = ''; 
soundManager.flashVersion = 9; // optional: shiny features (default = 8) 
soundManager.useFlashBlock = false; // optionally, enable when you're ready to dive in 
// enable HTML5 audio support, if you're feeling adventurous. iPad/iPhone will always get this. 
// soundManager.useHTML5Audio = true; 
</script> 





</head> 



<body> 

<h1>SM2 DEMO</h1> 



<div id="sm2-container"> 

    <!-- SM2 flash movie goes here --> 

</div> 



<ul class="playlist"> 



    <li><a href="music/bigcirclelittlecircle.mp3">TESTING</a></li> 



    <li><a href="music/bigcirclelittlecircle.mp3" title="Dr. John Groove">TESTING 2</a></li> 

    <!-- files from the web (note that ID3 and waveformData information will *not* load from remote domains without permission, due to Flash security restrictions) --> 





</ul> 



<div id="control-template"> 

    <!-- control markup inserted dynamically after each link --> 

    <div class="controls"> 

    <div class="statusbar"> 

    <div class="loading"></div> 

    <div class="position"></div> 

    </div> 

    </div> 

    <div class="timing"> 

    <div id="sm2_timing" class="timing-data"> 

    <span class="sm2_position">%s1</span>/<span class="sm2_total">%s2</span></div> 

    </div> 

    <div class="peak"> 

    <div class="peak-box"><span class="l"></span><span class="r"></span> 

    </div> 

    </div> 

</div> 



<div id="spectrum-container" class="spectrum-container"> 

    <div class="spectrum-box"> 

    <div class="spectrum"></div> 

    </div> 

</div> 







</body> 

</html> 

Répondre

1

J'étais chercher une solution à un autre problème avec SoundManger et a trouvé cette question. Je sais que c'est un peu tard, mais j'espère que ça va aider.

J'utilise le code suivant pour tester SoundManager. Vous devrez modifier les chemins d'accès à soundmanager2.js, soundmanager2.swf et au fichier MP3.

<html > 
<head> 
    <title></title> 

    <script type="text/javascript" src="/Project/PublicWebSite/Scripts/soundmanager2.js"></script> 
    <script type="text/javascript"> 
     soundManager.debugMode = true; 
     soundManager.defaultOptions.volume = 50 
     soundManager.debugFlash = true; // enable flash debug output for this page 
     soundManager.url = '/Project/PublicWebSite/Scripts/swf/soundmanager2.swf'; 
     soundManager.flashVersion = 8; // optional: shiny features (default = 8) 
     soundManager.useFlashBlock = false; // optionally, enable when you're ready to dive in 
     //enable HTML5 audio support, if you're feeling adventurous. iPad/iPhone will always get this. 
     //soundManager.useHTML5Audio = true; 
     soundManager.onready(function() { 
      soundManager.createSound('helloWorld', '/Project/PublicWebSite/Content/Sounds/Chime.mp3'); 
      soundManager.play('helloWorld'); 
     }); 
    </script> 

</head> 
</body> 
</html> 

BarDev

Questions connexes