Soundmanager 2不能与角度js“ng-repeat”指令一起工作

我正忙于一个音乐商店web应用程序，后端使用JAVA，前端使用Angular JS/HTML5/CSS3。 ammm，对于音乐播放我使用Sound Manager Java Script Library，所有的东西都可以和静态360播放器一起使用，但是当我尝试在ng-repeat指令中使用声音管理器时，这不起作用，请提供任何建议？并且是健全的管理者，通过角度js“ng-repeat”创建的live dom元素来工作？Soundmanager 2不能与角度js“ng-repeat”指令一起工作

声音管理器初始化

   // init Sound Manager 

      soundManager.setup({ 
       // path to directory containing SM2 SWF 
       url: 'player/' 
      }); 

      threeSixtyPlayer.config.scaleFont = (navigator.userAgent.match(/msie/i)?false:true); 
      threeSixtyPlayer.config.showHMSTime = true; 

      // enable some spectrum stuffs 

      threeSixtyPlayer.config.useWaveformData = true; 
      threeSixtyPlayer.config.useEQData = true; 

      // enable this in SM2 as well, as needed 

      if (threeSixtyPlayer.config.useWaveformData) { 
       soundManager.flash9Options.useWaveformData = true; 
      } 
      if (threeSixtyPlayer.config.useEQData) { 
       soundManager.flash9Options.useEQData = true; 
      } 
      if (threeSixtyPlayer.config.usePeakData) { 
       soundManager.flash9Options.usePeakData = true; 
      } 

      if (threeSixtyPlayer.config.useWaveformData || threeSixtyPlayer.flash9Options.useEQData || threeSixtyPlayer.flash9Options.usePeakData) { 
       // even if HTML5 supports MP3, prefer flash so the visualization features can be used. 
       soundManager.preferFlash = true; 
      }

角NG重复

<div class="mod-contents"> 
    <div class="questions-block" ng-repeat="question in filtered = (questionList | filter:searchKey | orderBy : predicate : reverse)"> 
     <div class="col-xs-12 col-sm-4 col-md-3 pull-right"> 
      <div class="thumbnail block-black "> 
       <h3 class="block-title rtl-element">{{ question.description }}<span class="text-muted"> ({{ question.cat_code }}) </span></h3>  
       <div class="ui360 ui360-vis player-wrapper-md player-md "><a href="pac_test.mp3"></a></div>     
      </div> 
     </div>   
    </div> 
</div>

来源

2014-07-09 bizzr3

SoundManager只负责处理现有的DOM元素。如果您在SoundManager运行后添加新的DOM元素，那么它就成为您的责任。 – idbehold

-1

我有同样的问题。我想我知道为什么会发生。我相信在声音管理器的JavaScript中，它会查找声音管理器播放器的实例，并且找不到任何声音。 ng-repeat部分不是静态的;它可以改变。因此，当您加载页面并加载声音管理器时，ng-repeat部分尚不包含任何元素。因此，声音管理器决定不添加事件处理程序来检查是否单击该按钮。

我编辑了mp3-player-button.js，并在init部分中注释了它在哪里说“if（foundItems> 0）”，以便它总是添加声音管理器事件处理程序。

这个解决方案有点不好 - 所以也许你可以实现更聪明的东西。但它适用于我。希望能帮助到你！

来源

2014-07-24 02:56:07 Davidjs

这不是soundmanager的错！它用于静态播放！你可以使用其他玩家！我知道soundmanager 360播放器是如此的甜蜜！无论如何，我是一个声音经理，使其动态:) – bizzr3

Soundmanager 2不能与角度js“ng-repeat”指令一起工作

回答

相关问题