mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-01-23 15:36:52 +00:00
Code Issues Releases Wiki Activity

Allow seeking throughout audio files

Browse Source
This commit is contained in:
Thomas E Tuoti 2024-12-22 13:04:21 -07:00
parent 664c6fd5d0
commit da3ef6e615
1 changed files with 72 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

85
core/modules/parsers/audioparser.js
View File

@ -2,33 +2,89 @@
title: $:/core/modules/parsers/audioparser.js title: $:/core/modules/parsers/audioparser.js
type: application/javascript type: application/javascript
module-type: parser module-type: parser
The audio parser parses an audio tiddler into an embeddable HTML element
\*/ \*/
(function(){ (function () {
/*jslint node: true, browser: true */ /*jslint node: true, browser: true */
/*global $tw: false */ /*global $tw: false */
"use strict"; "use strict";
var AudioParser = function(type,text,options) { var AudioParser = function (type, text, options) {
var element = { var element = {
type: "element", type: "element",
tag: "audio", tag: "audio",
attributes: { attributes: {
controls: {type: "string", value: "controls"}, controls: { type: "string", value: "controls" },
style: {type: "string", value: "width: 100%; object-fit: contain"} style: { type: "string", value: "width: 100%; object-fit: contain" },
preload: { type: "string", value: "auto" }, // Changed to auto for full loading
class: { type: "string", value: "tw-audio-element" }
} }
}, };
src;
if(options._canonical_uri) { // Set source with range support
element.attributes.src = {type: "string", value: options._canonical_uri}; if (options._canonical_uri) {
} else if(text) { element.children = [{
element.attributes.src = {type: "string", value: "data:" + type + ";base64," + text}; type: "element",
tag: "source",
attributes: {
src: { type: "string", value: options._canonical_uri },
type: { type: "string", value: type }
} }
}];
} else if (text) {
element.attributes.src = { type: "string", value: "data:" + type + ";base64," + text };
}
if ($tw.browser) {
$tw.hooks.addHook("th-page-refreshed", function () {
setTimeout(function () {
Array.from(document.getElementsByClassName("tw-audio-element")).forEach(function (audio) {
// Force aggressive loading
audio.preload = "auto";
audio.autobuffer = true;
// Create XMLHttpRequest to load full file
var xhr = new XMLHttpRequest();
xhr.open('GET', audio.currentSrc, true);
xhr.responseType = 'blob';
xhr.onprogress = function(e) {
if (e.lengthComputable) {
var percentComplete = (e.loaded / e.total) * 100;
console.log("Loading: " + percentComplete.toFixed(2) + "%");
}
};
xhr.onload = function() {
if (xhr.status === 200) {
var blob = new Blob([xhr.response], { type: type });
var url = URL.createObjectURL(blob);
audio.src = url;
}
};
xhr.send();
// Monitor buffer state
audio.addEventListener("progress", function() {
var buffered = this.buffered;
if(buffered.length > 0) {
var total = 0;
for(var i = 0; i < buffered.length; i++) {
var start = buffered.start(i);
var end = buffered.end(i);
total += (end - start);
console.log(`Buffer ${i}: ${start}-${end} (${((end-start)/this.duration*100).toFixed(2)}%)`);
}
console.log(`Total buffered: ${(total/this.duration*100).toFixed(2)}%`);
}
});
});
}, 100);
});
}
this.tree = [element]; this.tree = [element];
this.source = text;
this.type = type; this.type = type;
}; };
@ -38,4 +94,3 @@ exports["audio/mp3"] = AudioParser;
exports["audio/mp4"] = AudioParser; exports["audio/mp4"] = AudioParser;
})(); })();