added audioplayer contrib module

2017-11-25 16:05:32 +01:00
parent ff23c45e43
commit 0942e9a212
174 changed files with 21682 additions and 0 deletions
@@ -0,0 +1,113 @@
+'use strict';
+
+var wavesurfer;
+
+// Init & load
+document.addEventListener('DOMContentLoaded', function () {
+    var pluginOptions = {
+        minimap: {
+            waveColor     : '#777',
+            progressColor : '#222',
+            height: 30
+        },
+        timeline: {
+            container: '#wave-timeline'
+        },
+        spectrogram: {
+            container: '#wave-spectrogram'
+        },
+        regions: {
+            regions: [
+                {
+                    start: 1,
+                    end: 3,
+                    color: 'hsla(400, 100%, 30%, 0.5)'
+                },
+                {
+                    start: 4,
+                    end: 5.4
+                },
+                {
+                    start: 6.22,
+                    end: 7.1
+                }
+            ]
+        },
+        elan: {
+            url: '../elan/transcripts/001z.xml',
+            container: '#annotations',
+            tiers: {
+                Text: true,
+                Comments: true
+            }
+        }
+    };
+    var options = {
+        container     : '#waveform',
+        waveColor     : 'violet',
+        progressColor : 'purple',
+        loaderColor   : 'purple',
+        cursorColor   : 'navy',
+        plugins: [
+            WaveSurfer.minimap.create(pluginOptions.minimap)
+        ]
+    };
+
+    if (location.search.match('scroll')) {
+        options.minPxPerSec = 100;
+        options.scrollParent = true;
+    }
+
+    if (location.search.match('normalize')) {
+        options.normalize = true;
+    }
+
+    // Init wavesurfer
+    wavesurfer = WaveSurfer.create(options);
+
+    [].forEach.call(document.querySelectorAll('[data-activate-plugin]'), function (el) {
+        var activePlugins = wavesurfer.initialisedPluginList;
+        Object.keys(activePlugins).forEach(function(name) {
+            if (el.dataset.activatePlugin === name) {
+                el.checked = true;
+            }
+        });
+    });
+
+    [].forEach.call(document.querySelectorAll('[data-activate-plugin]'), function (el) {
+        el.addEventListener('change', function (e) {
+            var pluginName = e.currentTarget.dataset.activatePlugin;
+            var activate = e.target.checked;
+            var options = pluginOptions[pluginName] || {};
+            var plugin = WaveSurfer[pluginName].create(options);
+
+            if (activate) {
+                wavesurfer.addPlugin(plugin).initPlugin(pluginName);
+            } else {
+                wavesurfer.destroyPlugin(pluginName);
+            }
+        });
+    });
+
+    /* Progress bar */
+    (function () {
+        var progressDiv = document.querySelector('#progress-bar');
+        var progressBar = progressDiv.querySelector('.progress-bar');
+
+        var showProgress = function (percent) {
+            progressDiv.style.display = 'block';
+            progressBar.style.width = percent + '%';
+        };
+
+        var hideProgress = function () {
+            progressDiv.style.display = 'none';
+        };
+
+        wavesurfer.on('loading', showProgress);
+        wavesurfer.on('ready', hideProgress);
+        wavesurfer.on('destroy', hideProgress);
+        wavesurfer.on('error', hideProgress);
+    }());
+
+    wavesurfer.load('../media/demo.wav');
+});