Projet vidéothèque: Charger fichier externe + SQL

Bonjour,

Je souhaite faire une vidéothèque avec javascript et HTML5. J'ai mes médias sur une clé usb, je souhaite y embarquer un site web qui jouerait le rôle de vidéothèque, donc recherche de films et lecture via la balise video.

J'ai trouvé un module, sql.js permettant d'embarquer Sqlite avec javascript et ça a l'air plutôt pas mal:
démo ici: https://sql.js.org/examples/GUI/
Et ressources ici: https://www.npmjs.com/package/sql.js

l'idée est d'avoir ma base sqlite dans le même dossier que mon index.html, je voudrais alors que ce fichier soit chargé comme si c'était un fichier tiers (type bootstrap ou jquery) avec une balise link. Hors ça ne marche pas, il me semble qu'il faut passer par un formulaire où l'utilisateur charge lui même le fichier. N'y a t'il pas d'alternative sachant qu'on ne souhaite pas accéder aux données hors du répertoire où se trouve le index.html?

Si maintenant la base SQL est chargé, comment puis-je faire pour qu'elle soit rémanente, c'est à dire que si l'utilisateur se balade dans mon appli (pour rechercher un film par titre, catégorie ou année par exemple) la base soit conservée de page en page?
La seule solution que je vois c'est de "bricoler" mes liens, donc quand il clique dessus, une fonction de ma page courante va modifier le contenu de la page en cours (un peu à la ajax) sans charger quelque chose d'autre, mais c'est pas très propre, y a t'il moyen de faire autrement?

Merci.