shen/packager
1
0
Fork 0
mirror of https://github.com/TurboWarp/packager.git synced 2024-11-25 16:35:59 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

wkwebview: Update test page

Browse Source
This commit is contained in:
Muffin 2024-03-25 16:09:33 -05:00
parent b1983eef97
commit 21c8171105
1 changed files with 41 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

44
wkwebview/WebView/index.html
View File

@ -3,7 +3,8 @@
<head>
<title>Page title in index.html</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="color-scheme" content="light dark">
</head>
<body>
<h1>It works!</h1>
@ -11,6 +12,8 @@
<button onclick="testCamera()">Test camera</button>
<button onclick="testMicrophone()">Test microphone</button>
<button onclick="window.close()">window.close()</button>
<button onclick="testLocalFetchFromMain()">Test local fetch from main</button>
<button onclick="testLocalFetchFromBlobWorker()">Test local fetch from blob: worker</button>
<script>
const testDownload = async () => {
const blob = new Blob([
@ -20,7 +23,7 @@
});
ExternalDownloadHelper.download("test.txt", blob);
};
const testCamera = async () => {
const stream = await navigator.mediaDevices.getUserMedia({
video: true
@ -31,7 +34,7 @@
video.controls = true;
document.body.appendChild(video);
};
const testMicrophone = async () => {
const stream = await navigator.mediaDevices.getUserMedia({
audio: true
@ -42,6 +45,41 @@
audio.controls = true;
document.body.appendChild(audio);
};
let testFetchURL = new URL('', location.href).href;
const testLocalFetchFromMain = async () => {
fetch(testFetchURL)
.then(res => res.text())
.catch(err => {
return `${err}`;
})
.then(text => {
const el = document.createElement("pre");
el.textContent = text;
document.body.appendChild(el);
});
};
const testLocalFetchFromBlobWorker = async () => {
const source = `
console.log("Inside worker...");
fetch(${JSON.stringify(testFetchURL)})
.then(res => res.text())
.then(text => postMessage(text))
.catch(err => postMessage('' + err));
`;
const blob = new Blob([source], {
type: 'application/javascript'
});
const url = URL.createObjectURL(blob);
const worker = new Worker(url);
worker.addEventListener('message', (e) => {
const el = document.createElement("pre");
el.textContent = e.data;
document.body.appendChild(el);
});
};
</script>
</body>
</html>