mirrors/TiddlyWiki5
1
0
Fork 0
mirror of https://github.com/Jermolene/TiddlyWiki5 synced 2025-01-08 16:30:26 +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

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

@ -2,9 +2,6 @@
title: $:/core/modules/parsers/audioparser.js
type: application/javascript
module-type: parser
The audio parser parses an audio tiddler into an embeddable HTML element
\*/
(function () {
@ -18,17 +15,76 @@ var AudioParser = function(type,text,options) {
tag: "audio",
attributes: {
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;
};
// Set source with range support
if (options._canonical_uri) {
element.attributes.src = {type: "string", value: options._canonical_uri};
element.children = [{
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.source = text;
this.type = type;
};
@ -38,4 +94,3 @@ exports["audio/mp3"] = AudioParser;
exports["audio/mp4"] = AudioParser;
})();