| const mediaElement = document.createElement('video'); | |
| function toString(video) { | |
| return ((video.parentNode ? ('<' + video.parentNode.nodeName + '>') : '') + '<' + video.nodeName + '>') | |
| .toLowerCase(); | |
| } | |
| function videoEventHandler(e) { | |
| console.warn(toString(e.target) + ' >> "' + e.type + '"'); | |
| } |
| #!/bin/bash | |
| # | |
| # https://github.com/terabit-software/dynamic-stream-server/blob/master/scripts/sync_test.sh | |
| # | |
| # Tool to check video and audio sync. | |
| # Loop with 1 beep per second with 4 increasing frequencies. | |
| # Can be used to measure delays up to 4 seconds. | |
| # The grid is accurate to about 1ms. | |
| # | |
| # Beep duration: 0.125s |
| #!/bin/sh | |
| mkdir -p variant_source | |
| ffmpeg -y -i tearsofsteel_4k.mov -vcodec libx264 -preset veryfast -crf 18 -profile:v baseline -s 480x212 -aspect 9/4 -acodec aac -strict experimental -ac 2 -b:a 96k -ar 44100 -bufsize 360K -maxrate 360K variant_source/ld.mp4 | |
| ffmpeg -y -i tearsofsteel_4k.mov -vcodec libx264 -preset veryfast -crf 18 -profile:v main -s 640x288 -aspect 9/4 -an -bufsize 720K -maxrate 720K variant_source/sd.mp4 | |
| ffmpeg -y -i tearsofsteel_4k.mov -vcodec libx264 -preset veryfast -crf 18 -profile:v high -s 1280x572 -aspect 9/4 -an -bufsize 2400K -maxrate 2400K variant_source/hd.mp4 | |
| ffmpeg -y -i tearsofsteel_4k.mov -vcodec libx264 -preset veryfast -crf 18 -profile:v high -s 1920x856 -aspect 9/4 -an -bufsize 3200K -maxrate 3200K variant_source/fullhd.mp4 | |
| ffmpeg -y -i tearsofsteel_4k.mov -vcodec libx264 -preset veryfast -crf 18 -profile:v high -s 2560x1142 -aspect 9/4 -an -bufsize 4800K -maxrate 4800K variant_source/quadhd.mp4 |
| // Use WebAudio API to detect audio playback with volume | |
| // Returns early with false when audio could not be playing | |
| // Returns null if WebAudio API cannot be used while media is in a playing state | |
| function isMediaPlayingAudio(mediaElement) { | |
| if (media.paused || media.muted || media.volume === 0 || media.played.length < 1) { | |
| return false; | |
| } | |
| let analyser = media.audioAnalyser; | |
| let audioCtx = media.audioCtx; | |
| if (!analyser) { |
| // playbackrate.js | |
| // https://github.com/bgrins/devtools-snippets | |
| // Increase playbackRate for all video / audio elements on the page. | |
| (function() { | |
| console.group('playbackRate'); | |
| [].forEach.call(document.querySelectorAll("video,audio"), function(media) { | |
| var splitPath = media.src.split('/'); |
| (function (video) { | |
| function toString() { | |
| return ((video.parentNode ? ('<' + video.parentNode.nodeName + '>') : '') + '<' + video.nodeName + '>') | |
| .toLowerCase(); | |
| } | |
| function videoEventHandler(e) { | |
| console.warn(toString() + ' >> "' + e.type + '"'); | |
| } | |
| const MutationObserver = window.MutationObserver || window.WebKitMutationObserver || window.MozMutationObserver; | |
| if (MutationObserver) { |
| (function(jwplayer) { | |
| const container = jwplayer().getContainer(); | |
| const elements = Array.prototype.slice.call(container.querySelectorAll('*')) | |
| .filter(element => element.tagName !== 'path'); | |
| elements.unshift(container); | |
| const listeners = elements.reduce((accumulator, element) => { | |
| const listenersObj = getEventListeners(element); | |
| return accumulator.concat(Object.keys(listenersObj).reduce((accumulator2, name) => { | |
| listenersObj[name].forEach(eventListener => { |
| (function(jwplayer) { | |
| var utils = jwplayer.utils; | |
| var _ = jwplayer._; | |
| var TIMEOUT_MS = 25; | |
| var TIMEOUT_SEC = TIMEOUT_MS/1000; | |
| var TIMER = 'timer'; | |
| function formatTime(t) { | |
| t *= 1000; // seconds to milliseconds |