2ec0b4 / kaamelott-soundboard

Ou : chante Sloubi. Nous, on va faire que la soundboard de Kaamelott.

Home Page:https://kaamelott-soundboard.2ec0b4.fr/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Amélioration des meta

2ec0b4 opened this issue · comments

Comme déjà discuté dans ces deux conversations :

L'idée serait d'améliorer les meta en entête lorsqu'un son est joué, pour permettre une lecture directement sur des plateformes de réseaux sociaux par exemple.

Un exemple cité : http://ouich.es/

Pour répondre au commentaire de MiKaDoO, les deux solutions que j'envisageais dans le ticket #75 sont effectivement identiques, et aucune ne permettra le déroulement du son dans Slack.

Il faudrait voir si cela fonctionnerait sur des alternatives à Slack comme Discord, Mattermost ou Riot.im par exemple. Je suis sûr que ça pousserait les utilisateurs à migrer en masse pour bénéficier de cette splendide fonctionnalité !

Pour apporter de l'eau au moulin. Si quelqu'un souhaite utiliser les pistes que j’ai pu trouver.

La version courte:

Je n'ai pas réussi a faire marcher ça (je suis un pov' sysadmin pas très dégourdi), mais:
Les technos/standards utilisés sur les grosse plateformes semblent être https://ogp.me pour la mise en forme de la page intégré, et https://schema.org utilisant JSON-LD pour la déclaration de médias.

le parseur d'url de google permet entre autre d'afficher et trouver les objet déclarés dans la page (utilisé sur la soundboard il le trouve rien car rien n'est déclaré selon ses/les standards).

La version décrivant le cheminement pour donner les infos dessus:

Pour l'intégration dans les réseau sociaux, j'ai testé des trucs qui marchent, j'ai fait quelques tests avec spotify, avec une playlist.
J'ai trouvé sur https://ogp.me/ le parseur d'url de google (pas trouvé d'équivalent opensource qui donne le code de la page).

Quand on utilise le parseur d'url de google
On découvre des @type "MusicAlbum", j'ai fait d'autres tests sur des vidéos (youtube/dailymotion) qui utilisent "VideoObject".

En creusant un peu, on trouve la référence https://schema.org/ et la mention de JSON-LD pour et on constate que c'est une définition un standard de données structurées sur le nain ternet.

Une fois ceci trouvé, j'ai essayé de faire quelques tests pour en bidouillant l'index.html et d'arriver afficher un lecteur pour jouer le mp3 lors de son intégration, mais je n'ai réussi a faire fonctionner que le standard ogp, et pas JSON-LD.

Les balises ogp qui ont marché (en direct dans le html, node reste une boite noir pour moi):

<meta property="og:title" content="ma super Camelotte" />
<meta property="og:image" content="uneurld'image" />
<meta property="og:description content="text long en lien avec le son qu'on link" />

Les modifications testés qui ont permis de faire reconnaitre les données audios (vraiment posé a l'arrache dans le header de l'index.html):

<script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "AudioObject",
      "contentUrl": "https://k.beanux.fr/sounds/a_moi.mp3",
      "description": "Recorded on a terrace of Girona a sunday morning",
      "duration": "T0M01S",
      "encodingFormat": "audio/mpeg",
      "name": "A MOI !"
    }
</script>

image

Le fait que je n'ai pas réussi est probablement lié a ma connaissance superficielle des technos web, mais si ça t'inspire.

Ps: j'oubliais le plus important, MERCI POUR CETTE P**** DE SOUNDBOARD !!!!! :)