From dc16228d1205251dd932373a46c566d3e7d23d21 Mon Sep 17 00:00:00 2001
From: Antoine M <martinon.toinou@protonmail.com>
Date: Thu, 7 May 2026 16:35:14 +0200
Subject: [PATCH] FEATURE refactoring Video block and introducing audio
 variation

---
 .../acf-blocks/custom-audio/block.json        | 35 +++++++++++++++++++
 .../acf-blocks/custom-audio/custom-audio.php  | 19 ++++++++++
 .../acf-blocks/custom-video/block.json        |  1 +
 .../acf-blocks/custom-video/custom-video.php  | 13 +++++--
 plugins/carhop-blocks/carhop-blocks.php       |  1 +
 5 files changed, 66 insertions(+), 3 deletions(-)
 create mode 100644 plugins/carhop-blocks/acf-blocks/custom-audio/block.json
 create mode 100644 plugins/carhop-blocks/acf-blocks/custom-audio/custom-audio.php

diff --git a/plugins/carhop-blocks/acf-blocks/custom-audio/block.json b/plugins/carhop-blocks/acf-blocks/custom-audio/block.json
new file mode 100644
index 0000000..bb574b3
--- /dev/null
+++ b/plugins/carhop-blocks/acf-blocks/custom-audio/block.json
@@ -0,0 +1,35 @@
+{
+	"name": "acf/custom-audio",
+	"title": "Audio Auto-hébergée",
+	"category": "carhop-blocks",
+	"multiple": true,
+	"icon": {
+		"foreground": "#136f63",
+		"src": "format-video"
+	},
+	"description": "Pour intégrer un son / audio auto-hébergée sur infomaniak",
+	"keywords": [
+		"audio",
+		"son",
+		"musique",
+		"mp3",
+		"infomniak",
+		"auto-hébergée"
+	],
+	"supports": {
+		"align": [
+			"full"
+		]
+	},
+	"styles": [
+		{
+			"name": "stacked-background",
+			"label": "Fond empilé"
+		}
+	],
+	"acf": {
+		"mode": "auto",
+		"renderTemplate": "custom-audio.php"
+	},
+	"align": "full"
+}
\ No newline at end of file
diff --git a/plugins/carhop-blocks/acf-blocks/custom-audio/custom-audio.php b/plugins/carhop-blocks/acf-blocks/custom-audio/custom-audio.php
new file mode 100644
index 0000000..2293ec2
--- /dev/null
+++ b/plugins/carhop-blocks/acf-blocks/custom-audio/custom-audio.php
@@ -0,0 +1,19 @@
+<?php
+
+$share_link = get_field('share_link');
+
+if($share_link){
+	$video_id_from_share_link = basename($share_link);
+}
+
+?>
+
+
+
+<section <?php echo  get_block_wrapper_attributes(array('class' => 'block-custom-video custom-video content-section')) ?>>
+	<div style="position: relative; width: 100%; padding-bottom: 56.25%; height: 50px; overflow: hidden;">
+		<iframe id="ik-vod-<?php echo $video_id_from_share_link ; ?>" class="ik-player-1jhvl2upwockr ik-embed" src="https://player.vod2.infomaniak.com/embed/<?php echo $video_id_from_share_link ; ?>" width="100%" height="0px" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0" allowfullscreen crossorigin="anonymous" frameborder="0" allow="autoplay; fullscreen; picture-in-picture"></iframe>
+	</div>
+</section>
+
+
diff --git a/plugins/carhop-blocks/acf-blocks/custom-video/block.json b/plugins/carhop-blocks/acf-blocks/custom-video/block.json
index e193437..3b25f81 100644
--- a/plugins/carhop-blocks/acf-blocks/custom-video/block.json
+++ b/plugins/carhop-blocks/acf-blocks/custom-video/block.json
@@ -7,6 +7,7 @@
 		"foreground": "#136f63",
 		"src": "format-video"
 	},
+	"description": "Pour intégrer une vidéo auto-hébergée sur infomaniak",
 	"keywords": [
 		"vidéo",
 		"video",
diff --git a/plugins/carhop-blocks/acf-blocks/custom-video/custom-video.php b/plugins/carhop-blocks/acf-blocks/custom-video/custom-video.php
index 240551e..c035cff 100644
--- a/plugins/carhop-blocks/acf-blocks/custom-video/custom-video.php
+++ b/plugins/carhop-blocks/acf-blocks/custom-video/custom-video.php
@@ -1,5 +1,10 @@
 <?php
-$custom_video_id = get_field('custom_video_id');
+
+$share_link = get_field('share_link');
+
+if($share_link){
+	$video_id_from_share_link = basename($share_link);
+}
 
 ?>
 
@@ -7,6 +12,8 @@ $custom_video_id = get_field('custom_video_id');
 
 <section <?php echo  get_block_wrapper_attributes(array('class' => 'block-custom-video custom-video content-section')) ?>>
 	<div style="position: relative; width: 100%; padding-bottom: 56.25%; height: 0; overflow: hidden;">
-		<iframe id="ik-vod-<?php echo $custom_video_id; ?>" class="ik-player-1jhvl2upwockr ik-embed" src="https://player.vod2.infomaniak.com/embed/<?php echo $custom_video_id; ?>" width="100%" height="100%" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0" allowfullscreen crossorigin="anonymous" frameborder="0" allow="autoplay; fullscreen; picture-in-picture"></iframe>
+		<iframe id="ik-vod-<?php echo $video_id_from_share_link ; ?>" class="ik-player-1jhvl2upwockr ik-embed" src="https://player.vod2.infomaniak.com/embed/<?php echo $video_id_from_share_link ; ?>" width="100%" height="100%" style="position: absolute; top: 0; left: 0; right: 0; bottom: 0" allowfullscreen crossorigin="anonymous" frameborder="0" allow="autoplay; fullscreen; picture-in-picture"></iframe>
 	</div>
-</section>
\ No newline at end of file
+</section>
+
+
diff --git a/plugins/carhop-blocks/carhop-blocks.php b/plugins/carhop-blocks/carhop-blocks.php
index f7b4709..89d9c58 100644
--- a/plugins/carhop-blocks/carhop-blocks.php
+++ b/plugins/carhop-blocks/carhop-blocks.php
@@ -26,6 +26,7 @@ function create_block_carhop_blocks_block_init()
 	register_block_type(__DIR__ . '/acf-blocks/gallery');
 	register_block_type(__DIR__ . '/acf-blocks/social-networks');
 	register_block_type(__DIR__ . '/acf-blocks/custom-video');
+	register_block_type(__DIR__ . '/acf-blocks/custom-audio');
 	register_block_type(__DIR__ . '/acf-blocks/team-carhop');
 	register_block_type(__DIR__ . '/acf-blocks/member-card');
 	register_block_type(__DIR__ . '/acf-blocks/statistiques-collections');