Existe-t-il un moyen d'ajouter un bookmarklet JavaScript de sorte que lorsque la page Web affiche du contenu, puis de diffuser une alerte sonore et de déclencher une notification?

Question

Je pense que cela peut être fait en utilisant l'audio HTML5, avec un lien vers un fichier audio externe, mais est-il un moyen de ne pas utiliser de fichiers et de jouer du son? (semblable au son d'alerte du système ou à la sonnerie audio comme dans \a sur la ligne de commande)

Je pense que la partie de notification devrait être simple à faire. Nous pouvons simplement envoyer une notification comme d'habitude.

Le détail est: pour tout site Web dont vous n'êtes pas le propriétaire, disons que la page Web continue à afficher des données, un nombre de 0 à 6000. Maintenant, si vous voulez ajouter un bookmarklet de sorte que chaque fois le nombre (représenté par value: 5200) est supérieur à 5000, puis jouer un son audible et déclencher une notification, sans utiliser un fichier audio externe, est-ce possible et comment cela peut-il être fait?

Answer 1

Il n'y a pas d'accès aux sons du système de déclenchement à partir d'une page Web.

Mais vous pouvez intégrer un petit fichier d'échantillon via le protocole Data-URI et le définir comme src pour l'élément audio.

Il suffit de coder le fichier audio lui-même en tant que base 64 et de préfixer un en-tête Data-URI en utilisant le type mime correct (ou l'avoir done for you).

Exemple:

document.querySelector("audio").src = "data:audio/mpeg;base64,//uUZAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAWGluZwAAAA8AAAALAAAHyAAPDw8PDw8PDw8eHh4eHh4eHh45OTk5OTk5OTlnZ2dnZ2dnZ2eNjY2NjY2NjY2zs7Ozs7Ozs7PCwsLCwsLCwsLS0tLS0tLS0tLh4eHh4eHh4eHw8PDw8PDw8PD///////////8AAAA8TEFNRTMuOThyBK8AAAAAAAAAADQgJAXAjQABzAAAB8jbBDi/AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAA//sUZAAP8AAAaQAAAAgAAA0gAAABAAAB/gAAACAAADSAAAAEAYFAwFAoHA4GAAAAAA9CereO6lvfzP5Mp+Zn4BQKBRuXVKoy4nHHMr1pN1NqKDT8MyUpOUZWTuGeuzm5//sUZB4P8AAAf4AAAAgAAA0gAAABAAAB/hQAACAAADSCgAAEmZls8fWSQ9Oo8FmzbhxBO8sDgJBvDCnOAJdj7ST3QWI0FNIlBvRiSwjKIIptYhp+6tPD9DDix2d0bO5///tEZDwAANoI5+4IAHAAAA0gwAAAG517S7m8ogAAADSDAAAAsNNKfW3hF4nF5W5cjgR037dx9Jh0WmvtEZfSZ5br34y/bLIp7+Ujs3puUzuOsNfSWsM/lkuaxAj8V+xubaVI4ZfG/WpcPz/P+fvVPh3faent0b6QNL60poLtyehqe/99/+d/+f8CMspZ+k53eNvDXGQxlxakO1s6WN2NzLX///QqZ3MQ//t0ZAGA9Fxe0/9tAAoAAA0g4AABDZkTRe2kbWAAADSAAAAEAjCStdZfjDhUs6GCoQOr7BwcBAEIAU1BGAmIEppnqaUDJitNisqlwqK1yHI4PRIaDYG18kipoeqv/rDXStw7cZTMKjFB4eazRbILWzLHBRI55NhmNFhXVmlbWmlVXlYOmGsVJQ6Drk2F1SaOJFWjaaUk1rh+6yQexZhYVh7mQ5XXj////i75JlhnAgADOLv9tqBJWIQot+EGSfhgIWnKjikS3NDIySfPGBSgRe8cbUUXlOjolFkKayKdsw6E2ijXrMsFPVvRLk9j0nMw049dXbSC0RljXykmZMpq4xs5t8j04RiVVzdUkh352jKGDoGeqGCIi4Sq/7QDs03///tkZAMA8zZK0WsaGqoAAA0gAAABC9jdP6wYbOgAADSAAAAE93AQ59Ao4NnDgqVaCUDzMHTSMnzrE2mS+MU85GMuMZlayG3UWCnKhiOZKDZyYrn6E+pgxPHjAdj5hIVNgRFaFlqxG55KXdoxn6anwKbnm2KYmM10czqP1QnQ5KE8ZAMS9n9AE0s19tsDNXpEjGpyMQQQt9g5DC06SRgK+/WYQJTGFp01aeZdaoJZQQq9DVQRdXmaWlEDgdQrDY1cyzz/yiBCkPXNsyyivSQObQRLtQBjqXXwzMRLEXqdd9LJjnj6WGIAB1Vpv7ZIFRrD//tkZAYA80NOT/smG9gAAA0gAAABCr0XOeewaqAAADSAAAAEAAwHCrUAxbY092RNWWEMOYIinsX/iFws84vealMympIuDVinrJneebe/Xk1di2DnECszZtlx4CXxWGlaGwLM9wVwVTc9VkWEnC/ekVI5mXnzlJImRZ+ZqZYJBWKk7MYC0M3/29sGVC4gygEYBKBBE/MA4WUKkIL4dlm0F3fgqxYseo25a0mFU+Nrr1SL1Vaokmb2VVX+SkzGSl3X4d7Gb//yjfw6q//PlLtUKtQ7lYlDWioFOxQW4cAAAITKUsUdxJQPQg1c8yy3g0HX//sUZAyH8OMHymgvYRgAAA0gAAABAJgBW8AAACAAADSAAAAEfSWiwAAB/xJVTEFNRTMuOTguNFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//sUZBmP8AAAf4AAAAgAAA0gAAABAAAB/gAAACAAADSAAAAEVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//sUZDeP8AAAf4AAAAgAAA0gAAABAAAB/gAAACAAADSAAAAEVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//sUZFWP8AAAf4AAAAgAAA0gAAABAAABpAAAACAAADSAAAAEVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV//sUZHOP8AAAaQAAAAgAAA0gAAABAAABpAAAACAAADSAAAAEVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV";

<audio controls autoplay></audio>