Outils gratuits en ligne de traitement d'image automatique (et de video et de son) MAJ

📋 Note pour plus tard

Apps.education.fr

Pour vous accompagner au quotidien et répondre aux besoins du travail à distance pendant le confinement, nous mettons à votre disposition la version Beta d'apps.education.fr. Cette version expérimentale est issue d'un projet qui a vocation à être pérennisé à l'échelon national. Vous y trouverez les outils essentiels et communs à tous les métiers de l’Éducation nationale. Les utilisateurs sont propriétaires de leurs données et sont, de fait, en charge de leur gestion. Nous vous souhaitons une bonne utilisation.

Au menu, des instances Peertube, Etherpad, Nextcloud, Blogs, CodiMD, Visio CNED, Webinaire...

Encore en béta.

Par contre, pour un service qui met en avant la maîtrise de leurs données par les utilisateurs, le recours à matérial design et google fonts, ça fait tâche...

appseducationfr.jpg

L'outil inutile du jour : UNIBAR

Unicode, c'est bien joli, mais c'est chiant à coller quand t'en as besoin. Du coup, tu lâches l'affaire.

Bon, ben j'ai bricolé une page pour copier ces caractères qu'on utilise le plus.

J'vous préviens, j'ai fait ça   en mode vite fait
Qui a dit   «comme toujours» ?
Bon, c'est pas complètement  faux, en même temps...

Le but est de copier rapidement dans le presse-papier le (ou les) caractères unicode désirés.

Quand on clique sur un caractère il se passe deux choses:

  • 🥇 ledit caractère est copié dans le presse-papier
  • 🥈 il est également ajouté à la suite dans le bouton du haut qui donne la possibilité de cumuler plusieurs caractères de suite. (clic sur le bouton copie le contenu du bouton, double-clic l'efface)

captureunibar.jpg

Et pour configurer ?

Ben tu édites le code passque  j'avais pas envie de faire tout  un bouzin sécurisé en php  pour sauvegarder la config  alors qu'il suffit de modifier le  code et que du coup ça reste  du html avec JS tout bête
Il SUFFIT d'éditer les lignes  de variables unicode...

Capture du 2022-04-22 18-21-11.jpg

Vous noterez que les chaînes peuvent n'être qu'un seul caractère unicode ou toute une série, si vous en utilisez régulièrement.



unicode={
    "ONGLET1":"chaine1,chaine2,chaine3,etc",
    "ONGLET2":"chaine1,chaine2,chaine3,etc",
}

Comme c'est du html+js+css, pas besoin d'un serveur, on peut l'utiliser en local. 🎉

Ok, mais à quoi ça sert en vrai ?!

Ben je sais pas moi ! Vu que vous pouvez mettre les caractères/chaînes que vous voulez, ça peut servir pour les matheux (coucou les profs) qui ont besoin des symboles de math simplement ou ponctuellement , en musique, ou en électronique... explorez unicode !

Download

⭐ Pour l'utiliser, c'est par là (∩`-´)⊃━━☆゚.*・。゚ http://outils.warriordudimanche.net/outils/unibar

⭐ Pour le télécharger, c'est par ici (ノʘヮʘ)ノ*:・゚✧ http://outils.warriordudimanche.net/outils/unibar/unibar.zip

petit outil: Bookmarklet generator 🆕 [EDIT]

Si toi aussi tu veux te faire un petit bookmarklet pour envoyer des données de la page courante vers un autre site, alors tu vas kiffer 😍 parce que ce petit bout de code te permet de le faire sans rien coder 😎.

Heing ?! 🤨

J'explique:

Si on veut pouvoir:

  • rechercher une sélection sur un site particulier (genre sur wikipedia, jeux videos.com, allocine...) ,
  • envoyer le titre de la page en cours et/ou son URL vers un site qui va s'en servir (par exemple pour bookmarker la page en cours),

alors ça peut se faire ici.

Fais voir ?

Voici deux exemples:

Capture du 2022-04-02 11-54-34.png

Capture du 2022-04-02 12-12-53.png

Quid ?

Pour faire simple,

  1. on donne un nom au bookmarklet,
  2. on choisit les données qui doivent être envoyées,
  3. on spécifie l'URL vers laquelle elles doivent être envoyées.

Le bookmarklet est généré en temps réel et une fois les réglages faits, il suffit de glisser-déposer le lien du bas.

J'ai ajouté la possibilité de modifier la variable permettant de passer les données; en effet, duckduckgo utilisera q=[recherche] mais un autre site pourra demander query=[recherche]...

De plus, on peut spécifier de ne pas utiliser le format URL?variable=[donnée] mais URL/[donnée] pour les sites ayant une rewriteurl (comme wikipedia qui exige un format fr.wikipedia.org/wiki/[RECHERCHE] )

Enfin, si vous spécifiez une URL contenant déjà des paramètres GET (comme mespagesquejaime.com/ajouter.php?user=MOI&apikey=321fd5613e32), le script le prendra en compte et les nouveaux paramètres s'ajouteront correctement ( mespagesquejaime.com/ajouter.php?user=MOI&apikey=321fd5613e32&title=mon cul sur la commode&url=www.monculsurlacommode.fr )

Exemple ?

Vous pouvez essayer de générer un bookmarklet pour rechercher directement la sélection sur youtube:

  1. donnez le nom «rechercher sur youtube»
  2. cochez le premier item : «le texte sélectionné» et renommez la variable en «search_query»
  3. remplissez la case URL avec : https://www.youtube.com/results/

Et voilà.

Ajout

Sur l'idée de DukeArt j'ai ajouté la possibilité d'éditer le code (vive contenteditable et obj.toggleAttribute 👍 ) ! Merci the Duke 🤘😎🤘

License

Vous pouvez utiliser librement et l'outil et le code en mode DBAD. Pour le télécharger, c'est par là

Il est possible de l'utiliser sans serveur php vu que c'est du HTML+JS vanilla (mais le script de téléchargement du script ne fonctionnera pas).

Liste d'alternatives libres aux interfaces des GAFAM

Un fil que l'on doit à LutinDiscret sur les interfaces alternatives pour les services divers du ouaibe. J'en fais un résumé ici que je compléterai au fur et à mesure.

TWITTER

alternative: nitter

on remplace le nom de domaine twitter par celui du service. twitter.com/Snowden ➜ nitter.42l.fr/Snowden

YOUTUBE

1- Piped

une interface minimaliste et propre

2- Invidio.us

Sans doute le plus célèbre

3- Cloudtube

très ressemblant

4- BeatBump

Pour écouter de la musique

TIKTOK

proxitok

REDDIT

teddit

un frontend ultra léger et minimaliste

libredd

Interface très propre et sobre

IMGUR

Rimgo

INSTAGRAM

Bibliogram

MEDIUM

Scribe

EXTENSIONS

Privacy redirect (abandonné ?)

Redirige les requêtes des GAFAM vers leurs alternatives de façon transparente.

https://addons.mozilla.org/fr/firefox/addon/privacy-redirect/

LibRedirect

autre version de PrivacyRedireect

https://addons.mozilla.org/fr/firefox/addon/libredirect

api: Flashcards

Dans la rubrique «je bosse une grosse fois pis c'est bon» j'ai eu besoin de pouvoir faire rapidement une page de révision de vocabulaire pour mes élèves; mais quand je dis rapidement, je veux que ce soit fissa avec une friction proche de zéro et sans avoir recours à une appli à la con: copier coller un lien dans l'ENT doit suffire.

J'ai donc opté pour les flashcards, qui sont très efficaces dans ce domaine et j'ai codé un truc vite fait qui ne représente pas une prise de tête quand on veut donner du boulot aux gamins.

Capture du 2022-02-21 16-23-22 copie.jpg

En gros, tu écris les mots à apprendre sous la forme
question1:réponse1, question2:réponse2,...
puis tu récupères la page avec le lien à utiliser.

Capture du 2022-02-21 16-23-39 copie.jpg

Sur la page, tu cliques sur la carte et elle se retourne.

L'exemple de la capture est là

C'est un peu en béta, hein, mais ça marche. Si ça peut servir, c'est cadeau...

Un éditeur hexadécimal en ligne: hex-works

J'aime bien ce genre de trucs: t'as un besoin inhabituel et subit d'un logiciel et t'as pas envie d'installer un truc ? Il existe peut-être un truc en ligne qui fera le job !

La preuve ? Je voulais éditer des fichiers de sauvegarde pour MicroMachines v4 afin que tous mes gamins aient toutes les voitures et circuits dispo... avec hex-works, ça m'a pris une grosse minute...

Ressources pour créer des jeux d'aventure

Plein de générateurs utiles   pour des JDR et éventuellement  un EPI avec un copain   l'année prochaine...

Cartographie

Background

Divers

Le code de samedi: une API mematic

Au menu du jour une API qui permet de memiser une image du ouebe en une ligne...

Vous allez me ressortir   Et allez donc  une autre API à la mords-moi le zboub  codée à l arrache en mode sitotditsitotfait    .jpg

Ce à quoi je vous répondrai  avec une éloquence qui  pour être coutumière chez moi  ne saurait manquer de provoquer une légitime admiration .jpg

 OUI  .jpg

Koitesce

Ben, je viens de vous le dire ! vous m'écoutez ou pas quand je parle ?!

Il s'agit de pouvoir fabriquer un meme en un minimum de temps: une image glanée sur le net et pouf, c'est parti.

Comment que ça marche-t-il ?

Les arguments GET sont les suivants:

  • t: le texte à afficher (on peut mettre des /n pour sauter des lignes)
  • i: l'url de l'image et c'est tout.

Comme pour fancytation et les autres API:

  • help: affiche une aide
  • download: permet de télécharger le script php de l'api

Cerise sur le cageot

Vous pouvez générer un bookmarklet destiné à utiliser l'API en utilisant l'argument $_GET bookmarklet ce qui donnera :

Copier ce lien de bookmarklet: Mematic

Ainsi, il suffit d'utiliser la fonction «afficher l'image» de votre navigateur puis de cliquer sur le bookmarklet pour entrer le texte du meme et récupérer l'image générée.

1.jpg

2.jpg

3.jpeg

 Exemples   .jpg

Quand ton pote sort un sscript PHP tout pété, qu'il l'appelle pompeusement API mais que tu l'aimes quand même...

t'As vU cOmMeNt jE kOd tRo bI1 ?! C oUf !

Allez dans le pet du saigneur

Le code du dimanche: Iconeleon

Comme je le disais dans le billet précédent à propos de SVGBox, l'idée était bonne mais le poids était rédhibitoire.

Pourtant, ça peut être sympa d'avoir un catalogue d'icônes prêtes à servir et dont on puisse altérer la couleur, sans compter que ce serait une bonne alternative aux webfonts tout en étant plus accessible.

Donc, j'ai récupéré le pack d'icônes de fontAwesome et j'ai bidouillé une API qui permette de faire la même chose que SVGBox.net, à savoir obtenir une icône svg dans la couleur que l'on souhaite.

Par exemple:

api.warriordudimanche.net/iconeleon/?i=headphones donne:

et si on ajoute le paramètre c on peut changer la couleur: api.warriordudimanche.net/iconeleon/?i=headphones&c=red

La couleur peut-être au format HTML, un nom de couleur css ou un rgba quelconque...

api.warriordudimanche.net/iconeleon/?i=headphones&c=rgba(255,0,255,0.5)

Comme pour fancytation

Toute icône modifiée est sauvegardée en cache pour éviter une surcharge du serveur

  • help: affiche une aide
  • iconlist: renvoie la liste des icones au format json
  • search=string: renvoie le résultat de la recherche au format json
  • download: permet de télécharger le script php de l'api
  • Et en plus

    Je vous ai ajouté un frontend minimaliste pour rechercher les icones dans les 1615 du pack.

    liens

    Voilà

    Du coup, si ça peut être utile, n'hésitez pas à vous servir voire à proposer un frontend plus... comment dire ? abouti ?

    Fil RSS des articles