Merge pull request #1379 from betagouv/feature/ajoute-transcription-p…

…our-les-videos

Ajoute les transcription des vidéos

app/views/pages/home.html.haml

@@ -13,11 +13,7 @@
 
         %p= render "shared/cta_voir_objets"
       .fr-col-md-6
-        = render "shared/video_embed", title: "Reportage Canal 32", video_id: "114c5786-72a6-4c25-9638-cf4d87861963", height: 260
-        %p.co-text--italic.fr-mt-1w.fr-text--sm
-          Reportage sur le terrain à Montaulin, avec Remy Marty, Maire de la commune, Eric Blanchegorge, conservateur d’antiquités et d’objets d’art de lʼAube et Fantine Monot, chargée de déploiement pour Collectif Objets.
-          = link_to "https://www.canal32.fr/thematiques/culture/sujet/des-maires-participent-au-recensement-du-patrimoine-du-02-novembre-2022.html", rel:  "noopener", target:  "_blank" do
-            voir sur canal32.fr
+        = render "shared/video_canal32"
 
   / SECTION POURQUOI
   .fr-py-12w.co-background--light-grey

app/views/presse/index.html.haml

@@ -10,11 +10,7 @@
       .fr-pl-2w.co-text--italic.co-border--left
         “Quelques clics suffisent. […] La facilité de mise en oeuvre a suscité une adhésion plus importante que prévue !”
       .fr-my-2w
-        = render "shared/video_embed", title: "Reportage Canal 32", video_id: "114c5786-72a6-4c25-9638-cf4d87861963"
-      .co-text--muted.fr-text--sm
-        Canal 32, 02.11.2022
-        %br
-        = link_to "Retrouvez le reportage sur Canal 32", "https://www.canal32.fr/thematiques/culture/sujet/des-maires-participent-au-recensement-du-patrimoine-du-02-novembre-2022.html", target: "_blank", rel: "noopener", class: "fr-link co-text--muted fr-text--sm"
+        = render "shared/video_canal32"
 
   .fr-grid-row.fr-grid-row--gutters
     - @articles.each do |article|

app/views/presse/show.html.haml

@@ -15,7 +15,7 @@
 
   - if @article.video == "reportage_canal32"
     .fr-my-2w.co-max-width-40rem
-      = render "shared/video_embed", title: "Reportage Canal 32", video_id: "114c5786-72a6-4c25-9638-cf4d87861963"
+      = render "shared/video_canal32"
 
   .fr-mt-4w
     = link_to "Lire l'article complet", @article.url, class: "co-link", target: "_blank", rel: "noopener"

app/views/shared/_transcript.haml

@@ -0,0 +1,42 @@
+-# locals: (title:)
+- id = "transcript_#{title.object_id}"
+- transcript = capture_haml { yield }
+- return if transcript.blank?
+
+.fr-transcription
+  %button.fr-transcription__btn{
+      "aria-expanded": "false",
+      "aria-controls": "collapse-#{id}"
+    }
+    Transcription
+  .fr-collapse{ id: "collapse-#{id}" }
+    .fr-transcription__footer
+      .fr-transcription__actions-group
+        %button.fr-btn.fr-btn--fullscreen{
+          "aria-controls": "modal-#{id}",
+          "aria-label": "Agrandir la transcription",
+          "data-fr-opened": "false",
+          "data-fr-js-modal-button": "true"
+        }
+          Agrandir
+    %dialog.fr-modal{
+      role: :dialog,
+      id: "modal-#{id}",
+      "aria-labelledby": "modal-#{id}-title"
+    }
+      .fr-container.fr-container--fluid.fr-container-md
+        .fr-grid-row.fr-grid-row--center
+          .fr-col-12.fr-col-md-10.fr-col-lg-8
+            .fr-modal__body
+              .fr-modal__header
+                %button.fr-btn.fr-btn--close{
+                  title: "Fermer",
+                  "aria-controls": "modal-#{id}"
+                }
+                  Fermer
+              .fr-modal__content
+                %h1.fr-modal__title{
+                  id:"modal-#{id}-title"
+                }
+                  = title
+                = transcript

app/views/shared/_video_canal32.html.haml

@@ -0,0 +1,45 @@
+= render "shared/video_embed",
+  video_id: "114c5786-72a6-4c25-9638-cf4d87861963",
+  height: 260,
+  title: "Reportage sur le terrain à Montaulin, avec Remy Marty, Maire de la commune, Eric Blanchegorge, conservateur d’antiquités et d’objets d’art de lʼAube et Fantine Monot, chargée de déploiement pour Collectif Objets.",
+  source_text: "Voir sur canal32.fr",
+  source: "https://www.canal32.fr/thematiques/culture/sujet/des-maires-participent-au-recensement-du-patrimoine-du-02-novembre-2022.html",
+  ratio_4_3: true do
+  :markdown
+    Début octobre, 368 maires de l'Aube ont reçu un e-mail pour se connecter à la plateforme Collectif Objets.
+
+    Grâce à cinq cases à cocher par œuvre, ils peuvent contribuer en quelques minutes à l'établissement de l'état des lieux de leur patrimoine.
+
+    > *Chargée de déploiement* : « En fait, elles arrivent sur la liste des objets protégés au sein de leur commune.
+
+    > On leur demande de mettre des photos parce que les conservateurs, c'est à partir des photos qu'ils vont vraiment pouvoir faire leur travail d'analyse et savoir si la situation est urgente, s'ils doivent se déplacer sur place.
+
+    > C'est vraiment des questions très simples qu'on pose aux communes. Par exemple, on leur demande quel est l'état de conservation de l'objet et c'est : bon état, état moyen, mauvais état ou en péril. C'est pour que ce soit le plus rapide et facile possible pour les élus. »
+
+    Ce recensement permet comme ici à Montaulin de repérer les pièces disparues et pourtant inscrites au titre des monuments historiques.
+
+    > — *Maire* : « L'idée, c'est d'enquêter pour essayer de retrouver l'emplacement de cette lampe. »
+
+    Cette lampe de sanctuaire du XVIIIᵉ siècle sera retrouvée sous un escalier quelques minutes plus tard.
+
+    > « Oui, oui, ça c'est mieux. Pas de trésor. »
+
+    Malgré la poussière, la photo de l'objet permettra de déterminer s'il faudra accompagner le maire pour entamer une action de restauration.
+
+    > — *Maire* : « La première réaction, c'était de dire : ”Encore un travail supplémentaire“.
+
+    > Après réflexion, j'ai trouvé un intérêt à cette base de données, déjà de s'assurer qu'on avait tous les objets, mettre l'œil sur des objets qui avaient un peu subi l'âge. »
+
+    > — *Conservateur* : Monsieur le maire et son équipe ont repéré une infestation, on voit là la poudre de bois.
+
+    > — *Maire* : J'attends, moi, de cet inventaire qu'on puisse me guider vers les entreprises, vers les artisans.
+
+    > — *Chargée de déploiement* : On ne veut pas juste la donnée pour la donnée, c'est savoir dans quel état sont les objets et lorsque c'est nécessaire, revenir vers la commune avec des recommandations pour l'accompagner dans ces démarches patrimoniales. Et là, par exemple, on a une restauration qui est en cours, qui a commencé dans la Nièvre. »
+
+    Lors de cette expérimentation, la facilité de mise en œuvre a abouti à une participation plus importante que prévu des maires, selon la DRAC. Cela garantit également un meilleur suivi.
+
+    > — *Chargée de déploiement* : « En cinq ans, on veut avoir fait le tour d'un département, donc 20% chaque année. Et en fait, on voit que là, dès l'année 1, on est à 35% de participation.
+
+    > — *Chargée de communication DRAC* : On préconise de le laisser sur place parce que ce sont des objets qui expliquent l'histoire du lieu, d'où la nécessité de les connaître pour les protéger. »
+
+    À mi-parcours, 835 des 4 300 objets mobiliers classés dans l'aube ont été recensés. Les maires ont jusqu'à fin novembre pour retrouver les objets, renouveler les photos et répondre aux questions.

app/views/shared/_video_embed.html.haml

@@ -1,9 +1,18 @@
--# locals: (title:, video_id:, height: 315)
+-# locals: (title:, video_id:, height: 315, ratio_4_3: false, source: nil, source_text: nil)
 
-%iframe{title: "#{title} - Collectif Objets",
-  width: "100%",
-  height: height,
-  src: "https://tube.numerique.gouv.fr/videos/embed/#{video_id}",
-  frameborder: "0",
-  allowfullscreen: "",
-  sandbox: "allow-same-origin allow-scripts allow-popups"}
+%figure.fr-content-media{ role: :group }
+  %iframe.fr-responsive-vid{
+    class: ratio_4_3 ? "fr-ratio-4x3" : nil,
+    title: "#{title} - Collectif Objets",
+    width: "100%",
+    height: height,
+    src: "https://tube.numerique.gouv.fr/videos/embed/#{video_id}",
+    allowfullscreen: "",
+    allow: "accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture",
+    sandbox: "allow-same-origin allow-scripts allow-popups"
+  }
+  %figcaption.fr-content-media__caption
+    = title
+    = link_to source_text, source, class: "fr-link", rel: :noopener, target: :_blank if source
+  = render("shared/transcript", title:) do
+    = yield