Menu

Aucun menu défini dans le customizer.

Catégorie : developpement/web-developpement

Ajout automatique par WPeMatico

Actus Automatisées, Actus Tech, algorave, developpement/web-developpement, Live Coding, multimedia-culture/musique, musique, Sciences

Loopmaster – Faites de musique électro en codant directement dans votre navigateur

Si vous avez déjà vu des vidéos d’algorave, ces soirées où des mecs font danser des foules entières en tapant des lignes de code sur un écran géant, vous savez de quoi je parle. Le live coding musical, c’est hypnotique, c’est technique, et ça donne des résultats sonores assez dingues.

Le problème, c’est que jusqu’ici, pour s’y mettre, fallait souvent s’infuser l’installation de trucs comme Sonic Pi ou
TidalCycles
. C’est génial, mais faut configurer l’environnement, les serveurs audio, et là, bam, la flemme pointe le bout de son nez. C’est là qu’intervient
Loopmaster
, un projet passion qui permet de faire exactement la même chose, mais directement dans votre navigateur.

Actus Automatisées, Actus Tech, API JavaScript, chiptune, developpement/web-developpement, Live Coding, multimedia-culture/musique, Sciences

Dittytoy transforme votre navigateur en studio de musique qui se code

Est-ce que vous avez déjà rêvé de composer de la musique comme on code un programme ? Genre, écrire une boucle for et qu’elle génère un beat au lieu d’afficher des nombres dans la console ?

Hé bien, c’est exactement ce que propose
Dittytoy
. Et le truc de fou, c’est que ça tourne directement dans votre navigateur. Une simple URL et hop, vous voilà compositeur.

Vous allez sur le site, vous tapez du code JavaScript dans un éditeur, vous cliquez sur “Compile”, et votre navigateur se transformera alors en synthétiseur. La plateforme utilise la Web Audio API pour générer le son en temps réel, ce qui donne des possibilités assez dingues côté créativité sonore.

Actus Automatisées, Actus Tech, cybersecurite/hacking-pentest, developpement/web-developpement, electron, hacking game, Jeux video, Sciences

Aurora OS.js – Un OS virtuel et jeu de hacking directement dans votre navigateur

Et si l’OS lui-même ÉTAIT le jeu ?

C’est exactement le concept derrière
Aurora OS.js
, un projet open source complètement barré qui simule un système d’exploitation complet dans votre navigateur… avec des mécaniques de jeu de hacking intégrées.

Le truc, c’est que ce n’est pas juste une démo technique. Aurora OS.js embarque un vrai système de fichiers virtuel avec stockage persistant, un terminal avec des commandes type Linux (ls, cd, cat, mkdir…), un gestionnaire de fenêtres, un bloc-notes avec coloration syntaxique, et toute une architecture modulaire pour les applications. Bref, ça ressemble à un vrai OS, ça se comporte comme un vrai OS, mais ça tourne dans un onglet de votre navigateur.

Actus Automatisées, Actus Tech, cybersecurite/hacking-pentest, developpement/web-developpement, electron, hacking game, Jeux video, Sciences

Aurora OS.js – Un OS virtuel et jeu de hacking directement dans votre navigateur

Et si l’OS lui-même ÉTAIT le jeu ?

C’est exactement le concept derrière
Aurora OS.js
, un projet open source complètement barré qui simule un système d’exploitation complet dans votre navigateur… avec des mécaniques de jeu de hacking intégrées.

Le truc, c’est que ce n’est pas juste une démo technique. Aurora OS.js embarque un vrai système de fichiers virtuel avec stockage persistant, un terminal avec des commandes type Linux (ls, cd, cat, mkdir…), un gestionnaire de fenêtres, un bloc-notes avec coloration syntaxique, et toute une architecture modulaire pour les applications. Bref, ça ressemble à un vrai OS, ça se comporte comme un vrai OS, mais ça tourne dans un onglet de votre navigateur.

Actus Automatisées, Actus Tech, algolia, developpement/web-developpement, google 1998, Hugo, Sciences, tutoriels-guides/tutoriels-avances

Comment j’ai viré Algolia et recréé le Google de 1998 sur mon site

Bon, faut qu’on parle un peu du moteur de recherche de mon site. Ceux qui l’ont déjà utilisé savent de quoi je parle : c’était pas terrible. Enfin, « pas terrible » j’suis gentil. C’est un espèce d’overlay avec des résultats certes fiables mais c’était vraiment pas pratique.

Et en plus de ça, comme j’ai un site statique généré avec Hugo, je passais par Algolia pour la recherche. Si vous ne connaissez pas, Algolia c’est un service cloud qui indexe votre contenu et vous fournit une API de recherche ultra-rapide. Sur le papier c’est génial et dans la pratique aussi d’ailleurs sauf que voilà, ça coûte des sous. Et mon site rencontre un franc succès ces derniers temps (merci à vous !), donc j’ai de plus en plus de visiteurs, donc de plus en plus de recherches, donc une facture Algolia qui grimpe gentiment chaque mois.

Actualité, Actus Automatisées, Actus Tech, developpement/outils-developpement, developpement/web-developpement, Innovation, Sciences, Tech

MediaBunny – L’avenir du traitement vidéo dans le navigateur

Vous avez déjà essayé de faire du traitement vidéo dans le navigateur

Bienvenue en enfer ! Et dire que pendant 20 ans, la seule solution viable c’était de compiler FFmpeg en WebAssembly, attendre 10 secondes que 40 Mo de code se chargent, puis regarder votre RAM fondre comme neige au soleil.

Heureusement,
MediaBunny
débarque et compte bien changer les choses !

En effet, cette bibliothèque TypeScript vous permet de lire, écrire et convertir des fichiers vidéo et audio directement dans le navigateur. MP4, WebM, MKV, MP3, WAV, Ogg, FLAC, vous nommez simplement le format, et MediaBunny le gère. Et la bibliothèque ne pèse que 5 Ko en version minifiée. Ça semble peu mais en fait, au lieu d’essayer de porter un outil desktop vers le web, Vanilagy (le créateur) a construit MediaBunny from scratch pour exploiter ce que le navigateur savait déjà faire.