lamp/vrchat-youtube-search-api
1
1
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: lamp:afb2f279d9c45440cbc498a79f67efacfb04749a
Branches Tags
lamp:master
lamp:wip
..
compare: lamp:4b7f526902b158746e3e87ea660670e5c61ab5a4
Branches Tags
lamp:master
lamp:wip

2 Commits
afb2f279d9 ... 4b7f526902

Author SHA1 Message Date
Lamp
4b7f526902 fix trending vrcurl options 2024-05-19 12:20:09 -07:00
Lamp
9f143cb84e update test.html 2024-05-19 12:19:49 -07:00
2 changed files with 15 additions and 7 deletions
Show Stats Expand all files Collapse all files

2
VRCYoutubeSearch.js
View File

@ -33,7 +33,7 @@ async function VRCYoutubeSearch(pool, query, options = {}) {
for (let tab of tabs) {
data.tabs.push({
name: tab.name,
vrcurl: await putVrcUrl(pool, {type: "trending", bp: tab.bp})
vrcurl: await putVrcUrl(pool, {type: "trending", bp: tab.bp, options})
});
}
break;

20
test.html
View File

@ -9,24 +9,26 @@
</head><body>
<div>
<label>search: <input id="input" type="text" value="nyan cat" /></label>
<button id="trending">trending</button>
<label><button id="search">search:</button> <input id="input" type="text" value="nyan cat" /></label>
<br /><button id="trending">trending</button>
<br />
<label><input id="thumbnails" type="checkbox" checked>thumbnails</label>
<label><input id="icons" type="checkbox" checked>icons</label>
<label><input id="captions" type="checkbox" checked>captions</label>
<button id="start">start</button>
</div>
<div id="output"></div>
<button id="nextpage">next page</button>
<div id="buttons"></div>
<button id="nextpage" style="display: none">next page</button>
<script>
var num = 0;
var lastData;
start.onclick = () => {
search.onclick = () => {
output.innerHTML = "";
loadData(`/search?pool=test1000&thumbnails=${thumbnails.checked}&icons=${icons.checked}&captions=${captions.checked}&input=${encodeURIComponent(input.value)}`);
};
@ -34,9 +36,9 @@ trending.onclick = () => {
output.innerHTML = "";
loadData(`/trending?pool=test1000&thumbnails=${thumbnails.checked}&icons=${icons.checked}&captions=${captions.checked}`);
}
nextpage.onclick = () => loadData(`/vrcurl/test1000/${lastData.nextpage_vrcurl}`);
async function loadData(url) {
buttons.innerHTML = '';
var data = await fetch(url).then(res => res.json());
var pre = document.createElement("pre");
pre.innerHTML = hljs.highlight(JSON.stringify(data, null, 4), {language: "json"}).value;
@ -44,6 +46,12 @@ async function loadData(url) {
var img = document.createElement("img");
img.src = `/vrcurl/test1000/${data.imagesheet_vrcurl}`;
output.appendChild(img);
if (data.nextpage_vrcurl) {
buttons.innerHTML = `<button onclick="loadData('/vrcurl/test1000/${data.nextpage_vrcurl}')">next page</button>`;
}
if (data.tabs) {
buttons.innerHTML = data.tabs.map(t => `<button onclick="loadData('/vrcurl/test1000/${t.vrcurl}')">${t.name}</button>`).join('');
}
lastData = data;
}