doc

Author: PxlSyl

data/blog/internationalisation-v2.mdx

@@ -680,11 +680,14 @@ Pour l'instant :
 
 - Transitions de page fluides grâce à framer-motion (voir le fichier template.tsx dans le dossier app et jetez un œil à la documentation de next.js suivante 
 pour les fonctionnalités des fichiers [template](https://nextjs.org/docs/app/api-reference/file-conventions/template))
+
 Remarque : il s'agit d'une implémentation basique mais efficace. Je vous encourage fortement à expérimenter avec framer-motion et son usage au sein du nouveau 
 routeur.
 
 - Nouveau composant: excellent lecteur audio pour les fichiers mdx (au cas où vous feriez des podcasts, ou même de la musique), grâce à [react-h5-audio-player](https://github.com/lhz516/react-h5-audio-player)
 
+<Audioplayer src="/track/Ghostrifter-Official-Purple-Dream.mp3" />
+
 - Indicateur de taille d'écran Tailwind : petite aide pour le mode développement et le responsive design (voir TwSizeIndicator.tsx dans /components/helper)
 
 Auteur : [pxlsyl](https://pxlsyl.art)

data/blog/internationalization-v2.mdx

@@ -680,11 +680,14 @@ For the moment :
 
 - Smooth page transitions thanks to framer-motion (see the template.tsx file in the app folder and take a look at the following next.js documentation
 for file functionality [template](https://nextjs.org/docs/app/api-reference/file-conventions/template))
+
 Note: This is a basic but effective implementation. I strongly encourage you to experiment with framer-motion and its use within the new
 router.
 
 - New component: excellent audio player for mdx files (in case you make podcasts, or even music), thanks to [react-h5-audio-player](https://github.com/lhz516/react -h5-audio-player)
 
+<Audioplayer src="/track/Ghostrifter-Official-Purple-Dream.mp3" />
+
 - Tailwind screen size indicator: a little help for development mode and responsive design (see TwSizeIndicator.tsx in /components/helper)
 
 Author: [pxlsyl](https://pxlsyl.art)

next.config.js

@@ -10,7 +10,7 @@ const ContentSecurityPolicy = `
   script-src 'self' 'unsafe-eval' 'unsafe-inline' giscus.app analytics.umami.is;
   style-src 'self' 'unsafe-inline';
   img-src * blob: data:;
-  media-src *.s3.amazonaws.com;
+  media-src 'self' *.s3.amazonaws.com;
   connect-src *;
   font-src 'self';
   frame-src giscus.app