198 lines
8.7 KiB
PHP
198 lines
8.7 KiB
PHP
<?php
|
|
/**
|
|
* Section Hero - Affichage conditionnel (Direct / Playlist / Vidéo / Rien)
|
|
*
|
|
* Ce fichier gère l'affichage de la section hero en fonction de la configuration:
|
|
* - HERO_TYPE = 'live': Affiche le direct PeerTube
|
|
* - HERO_TYPE = 'video': Affiche une vidéo PeerTube unique
|
|
* - HERO_TYPE = 'playlist': Affiche une playlist (PeerTube/Funkwhale/Castopod)
|
|
* - HERO_TYPE = 'none': N'affiche rien
|
|
*/
|
|
|
|
// Type de hero défini dans config
|
|
$heroType = defined('HERO_TYPE') ? HERO_TYPE : 'live';
|
|
|
|
// Si le type est 'none', ne rien afficher
|
|
if ($heroType === 'none') {
|
|
return;
|
|
}
|
|
?>
|
|
|
|
<section class="hero" aria-labelledby="hero-section-title">
|
|
<h2 id="hero-section-title" class="sr-only">
|
|
<?php
|
|
if ($heroType === 'live') {
|
|
echo 'Diffusion en direct';
|
|
} elseif ($heroType === 'video') {
|
|
echo 'Vidéo';
|
|
} else {
|
|
echo 'Playlist';
|
|
}
|
|
?>
|
|
</h2>
|
|
|
|
<?php if ($heroType === 'live'): ?>
|
|
<!-- Mode DIRECT -->
|
|
<?php
|
|
// Vérifier s'il y a un direct en cours
|
|
$liveStream = getLiveStream();
|
|
|
|
if ($liveStream) {
|
|
// Afficher le direct en cours
|
|
?>
|
|
<div class="live-badge">
|
|
<i class="fas fa-circle"></i> DIRECT
|
|
</div>
|
|
<div class="hero-video-container">
|
|
<iframe
|
|
src="<?php echo e(PEERTUBE_URL . '/videos/embed/' . $liveStream['id'] . '?autoplay=1&muted=1'); ?>"
|
|
frameborder="0"
|
|
allowfullscreen="allowfullscreen"
|
|
allow="autoplay; fullscreen"
|
|
title="Diffusion en direct: <?php echo htmlspecialchars($liveStream['title']); ?>"
|
|
aria-describedby="live-description">
|
|
</iframe>
|
|
<div id="live-description" class="sr-only">
|
|
Lecteur vidéo pour la diffusion en direct de <?php echo htmlspecialchars($liveStream['channel']); ?>
|
|
</div>
|
|
</div>
|
|
<div class="hero-video-info">
|
|
<h2><?php echo htmlspecialchars($liveStream['title']); ?></h2>
|
|
<div class="hero-channel-info">
|
|
<?php if (strpos($liveStream['channelAvatar'], 'default-avatar.png') !== false || empty($liveStream['channelAvatar'])): ?>
|
|
<div class="channel-avatar-placeholder" role="img" aria-label="Avatar par défaut">
|
|
<i class="fas fa-user-circle" aria-hidden="true"></i>
|
|
</div>
|
|
<?php else: ?>
|
|
<img src="<?php echo e($liveStream['channelAvatar']); ?>" alt="Avatar de la chaîne <?php echo htmlspecialchars($liveStream['channel']); ?>" class="channel-avatar">
|
|
<?php endif; ?>
|
|
<span class="channel-name"><?php echo htmlspecialchars($liveStream['channel']); ?></span>
|
|
</div>
|
|
</div>
|
|
<?php
|
|
} else {
|
|
// Aucun direct en cours - vérifier s'il y a une annonce configurée
|
|
$showNextLiveAnnouncement = defined('NEXT_LIVE_ENABLED') && NEXT_LIVE_ENABLED === true;
|
|
|
|
if ($showNextLiveAnnouncement) {
|
|
// Afficher l'annonce du prochain live (partial partagé avec direct.php)
|
|
$nextLiveVariant = 'hero';
|
|
include __DIR__ . '/partials/next-live.php';
|
|
} else {
|
|
?>
|
|
<div class="hero-no-live">
|
|
<i class="fas fa-tv"></i>
|
|
<h2>Aucun direct en cours</h2>
|
|
<p>Revenez plus tard pour découvrir nos prochaines diffusions en direct.</p>
|
|
</div>
|
|
<?php
|
|
}
|
|
}
|
|
?>
|
|
|
|
<?php elseif ($heroType === 'playlist'): ?>
|
|
<!-- Mode PLAYLIST -->
|
|
<?php
|
|
$platform = defined('PLAYLIST_PLATFORM') ? PLAYLIST_PLATFORM : 'peertube';
|
|
$instanceUrl = defined('PLAYLIST_INSTANCE_URL') ? PLAYLIST_INSTANCE_URL : '';
|
|
$playlistId = defined('PLAYLIST_ID') ? PLAYLIST_ID : '';
|
|
$playlistTitle = defined('PLAYLIST_TITLE') ? PLAYLIST_TITLE : 'Playlist';
|
|
$playlistDescription = defined('PLAYLIST_DESCRIPTION') ? PLAYLIST_DESCRIPTION : '';
|
|
|
|
if (!empty($instanceUrl) && !empty($playlistId)):
|
|
?>
|
|
<div class="hero-playlist">
|
|
<div class="hero-playlist-header">
|
|
<i class="fas fa-list-music"></i>
|
|
<div class="hero-playlist-info">
|
|
<h2><?php echo htmlspecialchars($playlistTitle); ?></h2>
|
|
<?php if (!empty($playlistDescription)): ?>
|
|
<p><?php echo htmlspecialchars($playlistDescription); ?></p>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="hero-playlist-container">
|
|
<?php if ($platform === 'peertube'): ?>
|
|
<!-- Embed PeerTube Playlist -->
|
|
<iframe
|
|
src="<?php echo rtrim($instanceUrl, '/'); ?>/video-playlists/embed/<?php echo $playlistId; ?>"
|
|
frameborder="0"
|
|
allowfullscreen="allowfullscreen"
|
|
sandbox="allow-same-origin allow-scripts allow-popups allow-forms"
|
|
title="<?php echo htmlspecialchars($playlistTitle); ?>">
|
|
</iframe>
|
|
|
|
<?php elseif ($platform === 'funkwhale'): ?>
|
|
<!-- Embed Funkwhale Playlist -->
|
|
<iframe
|
|
src="<?php echo rtrim($instanceUrl, '/'); ?>/front/embed.html?&type=playlist&id=<?php echo $playlistId; ?>"
|
|
frameborder="0"
|
|
allowfullscreen="allowfullscreen"
|
|
title="<?php echo htmlspecialchars($playlistTitle); ?>">
|
|
</iframe>
|
|
|
|
<?php elseif ($platform === 'castopod'): ?>
|
|
<!-- Embed Castopod Podcast -->
|
|
<iframe
|
|
src="<?php echo rtrim($instanceUrl, '/'); ?>/<?php echo $playlistId; ?>/embed/dark"
|
|
frameborder="0"
|
|
allowfullscreen="allowfullscreen"
|
|
title="<?php echo htmlspecialchars($playlistTitle); ?>">
|
|
</iframe>
|
|
|
|
<?php endif; ?>
|
|
</div>
|
|
|
|
<div class="hero-playlist-footer">
|
|
<a href="<?php
|
|
if ($platform === 'peertube') {
|
|
echo rtrim($instanceUrl, '/') . '/w/p/' . $playlistId;
|
|
} elseif ($platform === 'funkwhale') {
|
|
echo rtrim($instanceUrl, '/') . '/library/playlists/' . $playlistId;
|
|
} elseif ($platform === 'castopod') {
|
|
echo rtrim($instanceUrl, '/') . '/' . $playlistId;
|
|
}
|
|
?>" target="_blank" rel="noopener noreferrer" class="hero-playlist-link">
|
|
<i class="fas fa-external-link-alt"></i>
|
|
Voir sur <?php echo ucfirst($platform); ?>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="hero-no-live">
|
|
<i class="fas fa-list-music"></i>
|
|
<h2>Playlist non configurée</h2>
|
|
<p>Configurez PLAYLIST_INSTANCE_URL et PLAYLIST_ID dans votre fichier de configuration.</p>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<?php elseif ($heroType === 'video'): ?>
|
|
<!-- Mode VIDÉO -->
|
|
<?php
|
|
$videoId = defined('HERO_VIDEO_ID') ? HERO_VIDEO_ID : '';
|
|
$videoTitle = defined('HERO_VIDEO_TITLE') ? HERO_VIDEO_TITLE : 'Vidéo de présentation';
|
|
|
|
if (!empty($videoId)):
|
|
?>
|
|
<div class="hero-video-container">
|
|
<iframe
|
|
src="<?php echo PEERTUBE_URL; ?>/videos/embed/<?php echo $videoId; ?>"
|
|
frameborder="0"
|
|
allowfullscreen="allowfullscreen"
|
|
sandbox="allow-same-origin allow-scripts allow-popups"
|
|
allow="autoplay; fullscreen"
|
|
title="<?php echo htmlspecialchars($videoTitle); ?>">
|
|
</iframe>
|
|
</div>
|
|
<?php else: ?>
|
|
<div class="hero-no-live">
|
|
<i class="fas fa-video"></i>
|
|
<h2>Vidéo non configurée</h2>
|
|
<p>Configurez HERO_VIDEO_ID dans votre fichier de configuration.</p>
|
|
</div>
|
|
<?php endif; ?>
|
|
|
|
<?php endif; ?>
|
|
</section>
|