YouTube_captions_search_engine/website/index.php
Benjamin Loison 03c2566a20
Make WebSocket able to manage arbitrary feedback to end-user
While previous implementation was able to send two independent messages, now we can send an arbitrary amount of independent messages.
2023-02-07 17:25:17 +01:00

37 lines
1013 B
PHP

<?php
function echoUrl($url)
{
echo "<a href=\"$url\">$url</a>";
}
?>
See <?php echoUrl('https://gitea.lemnoslife.com/Benjamin_Loison/YouTube_captions_search_engine'); ?> for more information.<br/>
<form id="form">
<input type="text" autofocus id="search" pattern="[A-Za-z0-9-_ ]+" placeholder="Your alphanumeric search"></input>
<input type="submit" value="Search">
</form>
<script>
var firstRun = true;
var conn;
function search(event) {
event.preventDefault();
const query = document.getElementById('search').value;
if (firstRun) {
firstRun = false;
conn = new WebSocket('wss://crawler.yt.lemnoslife.com/websocket');
conn.onmessage = function(e) { console.log(e.data); };
conn.onopen = function(e) { conn.send(query); };
} else {
conn.send(query);
}
}
var form = document.getElementById('form');
form.addEventListener('submit', search);
</script>