292 lines
14 KiB
PHP
292 lines
14 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 PEERTUBE_URL; ?>/videos/embed/<?php echo $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 $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
|
|
// Définir l'image de fond si disponible
|
|
$bgImageStyle = '';
|
|
if (!empty(NEXT_LIVE_IMAGE) && file_exists(NEXT_LIVE_IMAGE)) {
|
|
$bgImageStyle = 'background-image: url(\'' . htmlspecialchars(NEXT_LIVE_IMAGE) . '\');';
|
|
}
|
|
?>
|
|
<div class="hero-next-live" style="<?php echo $bgImageStyle; ?>" nonce="<?php echo getCspNonce(); ?>">
|
|
<?php if (!empty(NEXT_LIVE_IMAGE) && file_exists(NEXT_LIVE_IMAGE)): ?>
|
|
<div class="hero-next-live-image-container">
|
|
<img src="<?php echo htmlspecialchars(NEXT_LIVE_IMAGE); ?>"
|
|
alt="<?php echo htmlspecialchars(NEXT_LIVE_TITLE); ?>"
|
|
class="hero-next-live-image">
|
|
</div>
|
|
<?php endif; ?>
|
|
<div class="hero-next-live-content">
|
|
<i class="fas fa-calendar-alt"></i>
|
|
<?php
|
|
if (!empty(NEXT_LIVE_DATE)) {
|
|
$liveDate = new DateTime(NEXT_LIVE_DATE, new DateTimeZone(DEFAULT_TIMEZONE));
|
|
$dayFormatter = new IntlDateFormatter(
|
|
'fr_FR',
|
|
IntlDateFormatter::FULL,
|
|
IntlDateFormatter::NONE,
|
|
DEFAULT_TIMEZONE,
|
|
IntlDateFormatter::GREGORIAN,
|
|
'EEEE d MMMM'
|
|
);
|
|
$formattedDay = $dayFormatter->format($liveDate);
|
|
$formattedDay = ucfirst($formattedDay);
|
|
$dynamicTitle = NEXT_LIVE_TITLE . ' - ' . $formattedDay;
|
|
} else {
|
|
$dynamicTitle = NEXT_LIVE_TITLE;
|
|
}
|
|
?>
|
|
<h2><?php echo htmlspecialchars($dynamicTitle); ?></h2>
|
|
<?php
|
|
if (!empty(NEXT_LIVE_DATE)) {
|
|
$liveHour = $liveDate->format('H\hi');
|
|
$dynamicDescription = 'Rejoignez-nous à ' . $liveHour . '. ' . NEXT_LIVE_DESCRIPTION;
|
|
} else {
|
|
$dynamicDescription = NEXT_LIVE_DESCRIPTION;
|
|
}
|
|
?>
|
|
<p><?php echo nl2br(htmlspecialchars($dynamicDescription)); ?></p>
|
|
<?php if (!empty(NEXT_LIVE_DATE)): ?>
|
|
<div class="hero-next-live-datetime">
|
|
<p class="hero-next-live-date">
|
|
<i class="fas fa-clock"></i>
|
|
<?php
|
|
$formatter = new IntlDateFormatter(
|
|
'fr_FR',
|
|
IntlDateFormatter::FULL,
|
|
IntlDateFormatter::SHORT,
|
|
DEFAULT_TIMEZONE
|
|
);
|
|
echo $formatter->format($liveDate);
|
|
|
|
$offset = $liveDate->format('P');
|
|
echo ' <span class="utc-offset">(UTC' . $offset . ')</span>';
|
|
?>
|
|
</p>
|
|
|
|
<!-- Autres fuseaux horaires -->
|
|
<div class="hero-next-live-timezones">
|
|
<?php
|
|
// Ordre croissant : du plus en retard au plus en avance
|
|
$timezones = [
|
|
'Ma\'ohi Nui' => 'Pacific/Tahiti',
|
|
'Martinique / Guadeloupe' => 'America/Martinique',
|
|
'Guyane' => 'America/Cayenne',
|
|
'France' => 'Europe/Paris',
|
|
'Kanaky' => 'Pacific/Noumea'
|
|
];
|
|
|
|
foreach($timezones as $name => $timezone):
|
|
$liveDateLocal = clone $liveDate;
|
|
$liveDateLocal->setTimezone(new DateTimeZone($timezone));
|
|
$dayDiff = $liveDateLocal->format('j') - $liveDate->format('j');
|
|
|
|
$dayIndicator = '';
|
|
if ($dayDiff > 0) {
|
|
$dayIndicator = ' <span class="day-shift">+1j</span>';
|
|
} elseif ($dayDiff < 0) {
|
|
$dayIndicator = ' <span class="day-shift">-1j</span>';
|
|
}
|
|
?>
|
|
<span class="hero-timezone-item">
|
|
<strong><?php echo $name; ?> :</strong> <?php echo $liveDateLocal->format('H\hi'); ?><?php echo $dayIndicator; ?>
|
|
</span>
|
|
<?php endforeach; ?>
|
|
</div>
|
|
</div>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
<?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>
|