aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
Diffstat (limited to '')
-rw-r--r--assets/js/lustiges-script.js22
1 files changed, 15 insertions, 7 deletions
diff --git a/assets/js/lustiges-script.js b/assets/js/lustiges-script.js
index d4db5f6..417b234 100644
--- a/assets/js/lustiges-script.js
+++ b/assets/js/lustiges-script.js
@@ -433,18 +433,15 @@ $(function() {
// multiviewer
$(function() {
+ var audioMeter = !!window.chrome;
$('body.multiview')
.find('audio, video')
- //.prop('muted', true)
.each(function(idx, player) {
var
$player = $(player),
$meter = $player.closest('.cell').find('.meter'),
- $timer = $player.closest('.cell').find('.timer'),
- ctx = new AudioContext(),
- audioSrc = ctx.createMediaElementSource(player),
- analyser = ctx.createAnalyser();
+ $timer = $player.closest('.cell').find('.timer');
$player.on("timeupdate", function(e)
{
@@ -474,6 +471,18 @@ $(function() {
$timer.text(txt);
});
+ if(!audioMeter)
+ {
+ $player.prop('muted', true);
+ $meter.hide();
+ return;
+ }
+
+ var
+ ctx = new AudioContext(),
+ audioSrc = ctx.createMediaElementSource(player),
+ analyser = ctx.createAnalyser();
+
// we have to connect the MediaElementSource with the analyser
audioSrc.connect(analyser);
@@ -483,7 +492,6 @@ $(function() {
var w = 100 / analyser.frequencyBinCount;
for (var i = 0; i < analyser.frequencyBinCount; i++) {
var c = Math.floor( i * 255 / analyser.frequencyBinCount );
- console.log(c);
$('<div class="bar">')
.css({
'width': w+'%',
@@ -499,7 +507,6 @@ $(function() {
var frequencyData = new Uint8Array(analyser.frequencyBinCount);
// we're ready to receive some data!
- // loop
function renderFrame() {
// update data in frequencyData
analyser.getByteFrequencyData(frequencyData);
@@ -509,6 +516,7 @@ $(function() {
$($bars[i]).css('height', frequencyData[i] / 255 * 40);
}
+ // loop
requestAnimationFrame(renderFrame);
}
renderFrame();