Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added a dialog tab to easily access the "ABNK" tab #177

Open
wants to merge 1 commit into
base: master
Choose a base branch
from
Open

Added a dialog tab to easily access the "ABNK" tab #177

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
130 changes: 91 additions & 39 deletions browser/src/index.js
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -166,8 +166,9 @@ window.onload = () => {
.append($("<div class='fileTab' id='fileTabsString'>" + "<div id='stringOutput' />" + "</div>").hide())
.append($("<div class='fileTab' id='fileTabsModel'>" + "<div id='modelOutput'/>" + "</div>").hide())
.append(
$("<div class='fileTab' id='fileTabsSound'>" + "<div class='tabOutput' id='soundOutput'/>" + "</div>").hide()
);
$("<div class='fileTab' id='fileTabsSound'>" + "<div class='tabOutput' id='soundOutput'/>" + "</div>").hide())
.append(
$("<div class='fileTab' id='fileTabsDialog'>" + "<div class='tabOutput' id='dialogOutput'/>" + "</div>").hide());

$("#fileTabs").w2tabs({
name: "fileTabs",
Expand Down Expand Up @@ -227,6 +228,15 @@ window.onload = () => {
$("#fileTabsSound").show();
},
},
{
id: "tabDialog",
caption: "Dialog",
disabled: true,
onClick: function() {
$(".fileTab").hide();
$("#fileTabsDialog").show();
},
}
],
});

Expand Down Expand Up @@ -456,6 +466,7 @@ window.onload = () => {
w2ui.fileTabs.disable("tabString");
w2ui.fileTabs.disable("tabModel");
w2ui.fileTabs.disable("tabSound");
w2ui.fileTabs.disable("tabDialog");

/// Remove old models from the scene
if (_models) {
Expand Down Expand Up @@ -495,8 +506,7 @@ window.onload = () => {

$("#contextToolbar").append(
$("<button>Download raw</button>").click(function () {
const blob = new Blob([rawData], { type: "octet/stream" });
saveData(blob, fileName + ".raw");
downloadData(rawData, fileName + ".raw");
})
);

Expand Down Expand Up @@ -551,8 +561,7 @@ window.onload = () => {
.show()
.append(
$("<button>Download Image</button>").click(function () {
const blob = new Blob([rawData], { type: "octet/stream" });
saveData(blob, fileId + ".png");
downloadData(rawData, fileId + ".png");
})
);
}
Expand Down Expand Up @@ -586,8 +595,7 @@ window.onload = () => {
.show()
.append(
$("<button>Download Image</button>").click(function () {
const blob = new Blob([rawData], { type: "octet/stream" });
saveData(blob, fileId + ".riff");
downloadData(rawData, fileId + ".riff");
})
);
}
Expand All @@ -604,6 +612,39 @@ window.onload = () => {
if (packfile.header.type === "MODL") {
/// Render model
renderFileModel(fileId);
} else if (packfile.header.type === "ABNK") {
const chunk = packfile.getChunk("BKCK");

/// Enable and select dialog tab
w2ui.fileTabs.enable("tabDialog");
w2ui.fileTabs.click("tabDialog");

/// Print some random data about this sound
$("#dialogOutput").html(
"<div id='dialogSamples'/>"
);
for (const sample of chunk.data.asndFile) {
if (sample.voiceId === 0) {
continue;
}
const soundUintArray = sample.audioData;
let data = $("<div/>");
data.append(
$("<button>Download MP3</button>").click(function () {
downloadData(soundUintArray, fileName + "_" + sample.voiceId + ".mp3");
})
)
.append(
$("<button>Play MP3</button>").click(function () {
playSound(soundUintArray);
})
)
.append(
$("<button>Stop MP3</button>").click(stopPlayingSound)
);
data.append($("<span>Voice id: " + sample.voiceId + " duration: " + sample.length + "</span>"));
$("#dialogSamples").append(data);
}
} else if (packfile.header.type === "ASND") {
/// Get a chunk, this is really the job of a renderer but whatevs
const chunk = packfile.getChunk("ASND");
Expand All @@ -625,42 +666,16 @@ window.onload = () => {
.show()
.append(
$("<button>Download MP3</button>").click(function () {
const blob = new Blob([soundUintArray], { type: "octet/stream" });
saveData(blob, fileName + ".mp3");
downloadData(soundUintArray, fileName + ".mp3");
})
)
.append(
$("<button>Play MP3</button>").click(function () {
if (!_audioContext) {
_audioContext = new AudioContext();
}

/// Stop previous sound
try {
_audioSource.stop();
} catch (e) {
console.error(e);
}

/// Create new buffer for current sound
_audioSource = _audioContext.createBufferSource();
_audioSource.connect(_audioContext.destination);

/// Decode and start playing
_audioContext.decodeAudioData(soundUintArray.buffer, function (res) {
_audioSource.buffer = res;
_audioSource.start();
});
playSound(soundUintArray);
})
)
.append(
$("<button>Stop MP3</button>").click(function () {
try {
_audioSource.stop();
} catch (e) {
console.error(e);
}
})
$("<button>Stop MP3</button>").click(stopPlayingSound)
);
} else {
/// Select PF tab
Expand Down Expand Up @@ -793,8 +808,45 @@ window.onload = () => {
const result = new THREE.OBJExporter().parse(_scene, fileId);

/// Download obj
const blob = new Blob([result], { type: "octet/stream" });
saveData(blob, "export." + fileId + ".obj");
downloadData(result, "export." + fileId + ".obj");
}

const downloadData = (dataArray, filename) => {
const blob = new Blob([dataArray], { type: "octet/stream" });
saveData(blob, filename);
}

const playSound = (soundUintArray) => {
if (!_audioContext) {
_audioContext = new AudioContext();
}

/// Stop previous sound
try {
_audioSource.stop();
} catch (e) {
console.error(e);
}

/// Create new buffer for current sound
_audioSource = _audioContext.createBufferSource();
_audioSource.connect(_audioContext.destination);

/// Decode and start playing
var dst = new ArrayBuffer(soundUintArray.byteLength);
new Uint8Array(dst).set(new Uint8Array(soundUintArray));
_audioContext.decodeAudioData(dst, function (res) {
_audioSource.buffer = res;
_audioSource.start();
});
}

const stopPlayingSound = () => {
try {
_audioSource.stop();
} catch (e) {
console.error(e);
}
}

/// Utility for downloading files to client
Expand Down