From 73ae6fe19229d2e581ccc278d9421be8e8010c52 Mon Sep 17 00:00:00 2001
From: olivier <>
Date: Fri, 10 Apr 2009 15:26:18 +0000
Subject: [PATCH] eztelemeta: embed template now loads SoundManager2's Page
 Player

---
 .../eztelemetaitem/eztelemetaitemtype.php     | 11 ++++---
 .../design/standard/javascript/init.js        | 13 +++++++++
 .../design/standard/javascript/page-player.js | 10 +++----
 .../templates/embed/eztelemetaitem.tpl        | 29 +++++++++++++++++++
 tools/eztelemeta/settings/design.ini.append   |  2 +-
 5 files changed, 55 insertions(+), 10 deletions(-)

diff --git a/tools/eztelemeta/datatypes/eztelemetaitem/eztelemetaitemtype.php b/tools/eztelemeta/datatypes/eztelemetaitem/eztelemetaitemtype.php
index 089e1bf1..41ea9232 100755
--- a/tools/eztelemeta/datatypes/eztelemetaitem/eztelemetaitemtype.php
+++ b/tools/eztelemeta/datatypes/eztelemetaitem/eztelemetaitemtype.php
@@ -66,7 +66,8 @@ class eZTelemetaItemType extends eZDataType
             'title'         => '',
             'creator'       => '',
             'description'   => '',
-            'rights'        => ''
+            'rights'        => '',
+            'mp3'           => ''
         );
     }
 
@@ -76,9 +77,9 @@ class eZTelemetaItemType extends eZDataType
         if (!ereg('^http://', $url)) {
             $url = "http://$url";
         }
-        $url = ereg_replace('/*$', '', $url);
-        $id = urlencode('item:' . $item['id']);
-        $request    = "$url/oai/?verb=GetRecord&identifier=$id&metadataPrefix=oai_dc";
+        $url        = ereg_replace('/*$', '', $url);
+        $encodedId  = urlencode($item['id']);
+        $request    = "$url/oai/?verb=GetRecord&identifier=item:$encodedId&metadataPrefix=oai_dc";
 
         $doc = new DOMDocument();
         if (!@$doc->load($request)) {
@@ -116,6 +117,8 @@ class eZTelemetaItemType extends eZDataType
             throw new eZTelemetaError("The retrieved item has no title");
         }
 
+        $result['mp3'] = "$url/items/download/$encodedId.mp3";
+
         return array_merge($item, $result);
     }
 
diff --git a/tools/eztelemeta/design/standard/javascript/init.js b/tools/eztelemeta/design/standard/javascript/init.js
index e69de29b..21d91651 100644
--- a/tools/eztelemeta/design/standard/javascript/init.js
+++ b/tools/eztelemeta/design/standard/javascript/init.js
@@ -0,0 +1,13 @@
+
+/* SoundManager2 configuration */
+soundManager.debugMode = true;
+
+/* SoundManager2 Page Player configuration */
+var PP_CONFIG = {
+  flashVersion: 9,
+  usePeakData: true,
+  useWaveformData: false,
+  useEQData: false,
+  useFavIcon: false,
+  useMovieStar: false
+}
diff --git a/tools/eztelemeta/design/standard/javascript/page-player.js b/tools/eztelemeta/design/standard/javascript/page-player.js
index fee54490..43fe008e 100644
--- a/tools/eztelemeta/design/standard/javascript/page-player.js
+++ b/tools/eztelemeta/design/standard/javascript/page-player.js
@@ -23,7 +23,7 @@ function PagePlayer(oConfigOverride) {
   var isOpera = navigator.userAgent.match(/opera/i);
   var isFirefox = navigator.userAgent.match(/firefox/i);
 
-  sm.url = '../../swf/'; // path to directory containing SM2 SWF
+  // sm.url = '../../swf/'; // path to directory containing SM2 SWF
 
   this.config = {
     flashVersion: 8,        // version of Flash to tell SoundManager to use - either 8 or 9. Flash 9 required for peak / spectrum data.
@@ -40,7 +40,7 @@ function PagePlayer(oConfigOverride) {
     useFavIcon: false       // try to show peakData in address bar (Firefox + Opera)
   }
 
-  sm.debugMode = (window.location.href.toString().match(/debug=1/i)?true:false); // enable with #debug=1 for example
+  //sm.debugMode = (window.location.href.toString().match(/debug=1/i)?true:false); // enable with #debug=1 for example
 
   this._mergeObjects = function(oMain,oAdd) {
     // non-destructive merge
@@ -455,7 +455,7 @@ function PagePlayer(oConfigOverride) {
       return true;
     }
     var sURL = o.getAttribute('href');
-    if (!o.href || (!sm.canPlayURL(o.href) && !self.hasClass(o,'playable')) || self.hasClass(o,'exclude')) {
+    if (!o.href || (!sm.canPlayURL(o.href) || !self.hasClass(o,'playable')) || self.hasClass(o,'exclude')) {
       if (isIE && o.onclick) {
         return false; // IE will run this handler before .onclick(), everyone else is cool?
       }
@@ -853,7 +853,7 @@ function PagePlayer(oConfigOverride) {
     // grab all links, look for .mp3
     var foundItems = 0;
     for (var i=0; i<oLinks.length; i++) {
-      if ((sm.canPlayURL(oLinks[i].href) || self.hasClass(oLinks[i],'playable')) && !self.hasClass(oLinks[i],'exclude')) {
+      if ((sm.canPlayURL(oLinks[i].href) && self.hasClass(oLinks[i],'playable')) && !self.hasClass(oLinks[i],'exclude')) {
         oLinks[i].rel = 'pagePlayerMP3Sound'+i;
         self.links[self.links.length] = oLinks[i];
         self.addClass(oLinks[i],self.css.sDefault); // add default CSS decoration
@@ -1011,4 +1011,4 @@ var pagePlayer = new PagePlayer(typeof PP_CONFIG != 'undefined'?PP_CONFIG:null);
 soundManager.onload = function() {
   // soundManager.createSound() etc. may now be called
   pagePlayer.initDOM();
-}
\ No newline at end of file
+}
diff --git a/tools/eztelemeta/design/standard/override/templates/embed/eztelemetaitem.tpl b/tools/eztelemeta/design/standard/override/templates/embed/eztelemetaitem.tpl
index acffddd8..a1cbabef 100755
--- a/tools/eztelemeta/design/standard/override/templates/embed/eztelemetaitem.tpl
+++ b/tools/eztelemeta/design/standard/override/templates/embed/eztelemetaitem.tpl
@@ -1,3 +1,6 @@
+<script language="javascript">
+soundManager.url = {'swf/'|ezdesign};
+</script>
 <div class="view-embed">
     <div class="content-media">
     {let attribute=$object.data_map.item}
@@ -7,7 +10,33 @@
         <dt>Identifier:</dt><dd>{$attribute.content.id}</dd>
         <dt>Title:</dt><dd>{$attribute.content.title|wash}</dd>
         </dl>
+        <ul class="playlist">
+        <li><a class="playable" href="{$attribute.content.mp3}">{$attribute.content.title|wash}</a></li>
+        </ul>
     {/let}
     </div>
+     <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>
 </div>
 
diff --git a/tools/eztelemeta/settings/design.ini.append b/tools/eztelemeta/settings/design.ini.append
index 7835bfeb..4473da94 100644
--- a/tools/eztelemeta/settings/design.ini.append
+++ b/tools/eztelemeta/settings/design.ini.append
@@ -6,6 +6,6 @@ CSSFileList[]=eztelemeta.css
 CSSFileList[]=page-player.css
 
 [JavaScriptSettings]
+JavaScriptList[]=soundmanager2.js
 JavaScriptList[]=init.js
-JavaScriptList[]=soundmanager2-nodebug-jsmin.js
 JavaScriptList[]=page-player.js
-- 
2.39.5