From a3aa51c4e218bd1f8276cde33d8f4e19dfa0648a Mon Sep 17 00:00:00 2001
From: Ty Clifford <snick512@gmail.com>
Date: Thu, 25 Jun 2026 07:38:19 -0400
Subject: [PATCH] =?UTF-8?q?-=20Live=20homepage:=20Added=20default=20Live?=
 =?UTF-8?q?=20settings=20in=20[includes/db.php](/Users/tyemeclifford/Docum?=
 =?UTF-8?q?ents/GH/mediaplayer/includes/db.php)=20using=20https://stream.p?=
 =?UTF-8?q?lace/embed/tyclifford.com.=20Added=20Admin=20=E2=86=92=20Settin?=
 =?UTF-8?q?gs=20=E2=86=92=20Live=20Section=20controls=20in=20[admin/settin?=
 =?UTF-8?q?gs.php](/Users/tyemeclifford/Documents/GH/mediaplayer/admin/set?=
 =?UTF-8?q?tings.php):=20enable/disable,=20live=20title,=20and=20embed=20U?=
 =?UTF-8?q?RL/iframe=20input.=20Added=20a=20homepage=20Videos=20/=20Live?=
 =?UTF-8?q?=20toggle=20in=20[index.php](/Users/tyemeclifford/Documents/GH/?=
 =?UTF-8?q?mediaplayer/index.php).=20Videos=20remains=20the=20default=20vi?=
 =?UTF-8?q?ew,=20so=20the=20homepage=20behaves=20normally=20until=20Live?=
 =?UTF-8?q?=20is=20selected.=20Imgur:=20Added=20Imgur=20URL=20normalizatio?=
 =?UTF-8?q?n,=20embed=20support,=20oEmbed/thumbnail=20hooks,=20and=20exter?=
 =?UTF-8?q?nal=20view=20count=20scraping=20support=20in=20[includes/db.php?=
 =?UTF-8?q?](/Users/tyemeclifford/Documents/GH/mediaplayer/includes/db.php?=
 =?UTF-8?q?).=20Supports=20imgur.com,=20albums/galleries,=20and=20direct?=
 =?UTF-8?q?=20i.imgur.com=20photos/GIFs/videos=20by=20routing=20them=20thr?=
 =?UTF-8?q?ough=20Imgur=20embeds.=20Imgur=20external=20views=20now=20flow?=
 =?UTF-8?q?=20into=20external=5Fview=5Fcount,=20so=20per-item=20and=20over?=
 =?UTF-8?q?all=20site=20totals=20include=20readable=20Imgur=20provider=20c?=
 =?UTF-8?q?ounts.=20Updated=20the=20add-video=20hint=20and=20README=20docs?=
 =?UTF-8?q?.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 README.md          |  9 +++--
 admin/add.php      |  2 +-
 admin/settings.php | 30 ++++++++++++++++
 includes/db.php    | 90 ++++++++++++++++++++++++++++++++++++++++++++++
 index.php          | 61 ++++++++++++++++++++++++++++++-
 5 files changed, 187 insertions(+), 5 deletions(-)

diff --git a/README.md b/README.md
index 33960d0..721530c 100644
--- a/README.md
+++ b/README.md
@@ -3,7 +3,6 @@
 A self-hosted multimedia player website built with PHP + SQLite + Video.js.
 Styled to match the existing `gate.php` / `index.php` dark theme exactly.
 
-<iframe src="https://docs.google.com/presentation/d/e/2PACX-1vQt7Hl5PtsdYbTXvRTWxMm_3BKj3PrAIyUeMUFn5_t3vwJRX_Aa3yG__bWpmogaxA/pubembed?start=false&loop=false&delayms=3000" frameborder="0" width="1280" height="749" allowfullscreen="true" mozallowfullscreen="true" webkitallowfullscreen="true"></iframe>
 
 ---
 
@@ -78,12 +77,16 @@ Styled to match the existing `gate.php` / `index.php` dark theme exactly.
 6. Set quality labels (1080p, 720p, 480p, etc.)
 7. Save — Video.js will use the stored source location and auto-select the best format the browser supports
 
-External URLs must use `http://` or `https://`. Uploaded files and remote URLs can be mixed on the same video. Recognized provider URLs such as YouTube, Vimeo, Dailymotion, Twitch, Facebook, TikTok, Instagram, X/Twitter, SoundCloud, Spotify, Google Drive, Wistia, Streamable, and Loom render through their embed players.
+External URLs must use `http://` or `https://`. Uploaded files and remote URLs can be mixed on the same video. Recognized provider URLs such as YouTube, Vimeo, Dailymotion, Imgur, Twitch, Facebook, TikTok, Instagram, X/Twitter, SoundCloud, Spotify, Google Drive, Wistia, Streamable, and Loom render through their embed players.
 
 When adding an external URL, the admin form can fetch title, description, duration, thumbnail metadata, and readable provider view counts through oEmbed, page metadata, and JSON-LD. The save action repeats the metadata lookup as a fallback, so blank titles can be filled from supported external pages even if the browser autofill was not used.
 
 If no thumbnail image is uploaded, the add/edit forms can auto-grab one from the first supported source. YouTube and Dailymotion use direct thumbnail URLs; Vimeo, Wistia, TikTok, SoundCloud, and Spotify use oEmbed when available. Local uploaded videos can generate a first-frame thumbnail when `ffmpeg` is installed on the server.
 
+### Live Homepage Option
+
+The homepage can show a **Videos / Live** switch above the main player. Configure it in **Admin → Settings → Live Section** with either a direct embeddable URL or an iframe snippet. The default live embed is `https://stream.place/embed/tyclifford.com`. Disable the setting to return the homepage to the normal video-only layout.
+
 ### Importing YouTube Channels
 
 Use **Admin → YouTube Importer** to paste a YouTube channel URL, `@handle`, or `UC...` channel ID. The importer scrapes the channel's `/videos` page, extracts video data from `ytInitialData`, previews the results, and imports selected videos as remote YouTube embed sources. Duplicate YouTube watch URLs are skipped.
@@ -100,7 +103,7 @@ The public display is configurable in **Admin → Settings → Public Display**:
 - show or hide the total public view count
 - show or hide public page statistics on the homepage and catalogue
 
-The admin dashboard also includes **Upkeeping → Correct external view counts**. It checks existing remote-source videos in batches, scrapes readable provider counts when available, and adds those provider totals to the media-site totals without double-counting local plays. YouTube has dedicated parsing, and generic metadata patterns cover readable Vimeo, Dailymotion, and similar provider pages when they expose counts. Unsupported providers and local-only uploads can still be corrected manually on the edit screen.
+The admin dashboard also includes **Upkeeping → Correct external view counts**. It checks existing remote-source videos in batches, scrapes readable provider counts when available, and adds those provider totals to the media-site totals without double-counting local plays. YouTube and Imgur have dedicated handling, and generic metadata patterns cover readable Vimeo, Dailymotion, and similar provider pages when they expose counts. Unsupported providers and local-only uploads can still be corrected manually on the edit screen.
 
 ### Public Search
 
diff --git a/admin/add.php b/admin/add.php
index 24aed78..d69de1c 100644
--- a/admin/add.php
+++ b/admin/add.php
@@ -308,7 +308,7 @@ render_head('Add Video — Admin', '
         <div class="card">
           <p class="section-heading">Video Sources</p>
           <p class="hint" style="margin-bottom:1rem;">
-            Upload a video file, link a direct media file, or paste a provider page URL such as YouTube or Vimeo. The player will use a provider embed when the URL supports it.
+            Upload a video file, link a direct media file, or paste a provider page URL such as YouTube, Vimeo, or Imgur. The player will use a provider embed when the URL supports it.
             Uploaded files: <strong>MP4, WebM, OGV, MOV, MKV, AVI</strong>. Remote URLs must use <strong>http://</strong> or <strong>https://</strong>.
           </p>
 
diff --git a/admin/settings.php b/admin/settings.php
index d35e903..87fdeb9 100644
--- a/admin/settings.php
+++ b/admin/settings.php
@@ -17,6 +17,9 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
         $show_video_views = isset($_POST['public_show_video_views']) ? '1' : '0';
         $show_total_views = isset($_POST['public_show_total_views']) ? '1' : '0';
         $show_page_stats  = isset($_POST['public_show_page_stats']) ? '1' : '0';
+        $live_enabled = isset($_POST['live_enabled']) ? '1' : '0';
+        $live_title   = trim($_POST['live_title'] ?? 'Ty Clifford live stream');
+        $live_embed   = trim($_POST['live_embed'] ?? '');
 
         set_setting('catalogue_per_page', (string)$per_page);
         set_setting('site_title',  $site_title);
@@ -25,6 +28,9 @@ if ($_SERVER['REQUEST_METHOD'] === 'POST') {
         set_setting('public_show_video_views', $show_video_views);
         set_setting('public_show_total_views', $show_total_views);
         set_setting('public_show_page_stats',  $show_page_stats);
+        set_setting('live_enabled', $live_enabled);
+        set_setting('live_title',   $live_title);
+        set_setting('live_embed',   $live_embed);
         $msg = 'Settings saved.';
     }
 
@@ -53,6 +59,9 @@ $url_rewrite_mode = url_rewrite_mode();
 $public_show_video_views = setting_bool('public_show_video_views', true);
 $public_show_total_views = setting_bool('public_show_total_views', true);
 $public_show_page_stats  = setting_bool('public_show_page_stats', true);
+$live_setting_enabled = setting_bool('live_enabled', true);
+$live_title = setting('live_title', 'Ty Clifford live stream');
+$live_embed = setting('live_embed', 'https://stream.place/embed/tyclifford.com');
 
 // DB stats
 $db = get_db();
@@ -220,6 +229,27 @@ render_head('Settings — Admin', '
               </span>
             </label>
           </div>
+          <p class="form-label" style="margin-bottom:.55rem;">Live Section</p>
+          <div class="option-list" style="grid-template-columns:1fr;margin-bottom:1rem;">
+            <label class="check-option">
+              <input type="checkbox" name="live_enabled" value="1" <?= $live_setting_enabled ? 'checked' : '' ?>>
+              <span>
+                <strong>Show Live option</strong>
+                Adds a Live button on the homepage that switches from the normal video player to the configured live embed.
+              </span>
+            </label>
+          </div>
+          <div class="form-grid" style="margin-bottom:1rem;">
+            <div class="form-group">
+              <label class="form-label" for="live_title">Live Title</label>
+              <input class="form-input" type="text" id="live_title" name="live_title" value="<?= h($live_title) ?>">
+            </div>
+            <div class="form-group">
+              <label class="form-label" for="live_embed">Live Embed URL or iframe</label>
+              <textarea class="form-textarea" id="live_embed" name="live_embed" rows="4"><?= h($live_embed) ?></textarea>
+              <span class="hint">Paste an iframe embed code or a direct embeddable URL. Default: https://stream.place/embed/tyclifford.com</span>
+            </div>
+          </div>
           <button class="btn btn-primary btn-sm" type="submit">
             <svg width="13" height="13" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M19 21H5a2 2 0 01-2-2V5a2 2 0 012-2h11l5 5v11a2 2 0 01-2 2z"/><polyline points="17,21 17,13 7,13 7,21"/><polyline points="7,3 7,8 15,8"/></svg>
             Save Settings
diff --git a/includes/db.php b/includes/db.php
index 469854b..e31e0bb 100644
--- a/includes/db.php
+++ b/includes/db.php
@@ -74,6 +74,9 @@ function get_db(): PDO {
         'public_show_video_views' => '1',
         'public_show_total_views' => '1',
         'public_show_page_stats'  => '1',
+        'live_enabled'       => '1',
+        'live_title'         => 'Ty Clifford live stream',
+        'live_embed'         => 'https://stream.place/embed/tyclifford.com',
     ];
     $ins = $pdo->prepare("INSERT OR IGNORE INTO settings (key, value) VALUES (?, ?)");
     foreach ($defaults as $k => $v) $ins->execute([$k, $v]);
@@ -171,6 +174,30 @@ function public_page_stats(): array {
     ];
 }
 
+function media_iframe_src_from_input(string $value): string {
+    $value = trim($value);
+    if ($value === '') return '';
+
+    if (stripos($value, '<iframe') !== false && preg_match('/\ssrc=["\']([^"\']+)["\']/i', $value, $match)) {
+        $value = html_entity_decode($match[1], ENT_QUOTES | ENT_HTML5, 'UTF-8');
+    }
+
+    return normalize_media_url($value);
+}
+
+function live_embed_url(): string {
+    return media_iframe_src_from_input(setting('live_embed', 'https://stream.place/embed/tyclifford.com'));
+}
+
+function live_embed_title(): string {
+    $title = trim(setting('live_title', 'Ty Clifford live stream'));
+    return $title !== '' ? $title : 'Live stream';
+}
+
+function live_enabled(): bool {
+    return setting_bool('live_enabled', true) && live_embed_url() !== '';
+}
+
 function url_rewrite_mode(): string {
     $mode = strtolower(setting('url_rewrite_mode', 'pretty'));
     return in_array($mode, ['pretty', 'query'], true) ? $mode : 'pretty';
@@ -485,6 +512,41 @@ function media_youtube_id_from_url(string $url): string {
     return media_clean_token($id);
 }
 
+function media_imgur_path_from_url(string $url): string {
+    $url = normalize_media_url($url);
+    if ($url === '') return '';
+
+    $host = strtolower((string)(parse_url($url, PHP_URL_HOST) ?? ''));
+    $segments = media_path_segments($url);
+    if (!$segments) return '';
+
+    if (media_host_matches($host, 'i.imgur.com')) {
+        $id = pathinfo($segments[0], PATHINFO_FILENAME);
+        $id = media_clean_token($id);
+        return $id !== '' ? $id : '';
+    }
+
+    if (!media_host_matches($host, 'imgur.com')) return '';
+
+    if (in_array($segments[0], ['a', 'gallery'], true) && isset($segments[1])) {
+        $id = media_clean_token($segments[1]);
+        return $id !== '' ? $segments[0] . '/' . $id : '';
+    }
+
+    $id = media_clean_token($segments[0]);
+    return $id !== '' ? $id : '';
+}
+
+function media_imgur_page_url(string $url): string {
+    $path = media_imgur_path_from_url($url);
+    return $path !== '' ? 'https://imgur.com/' . $path : '';
+}
+
+function media_imgur_embed_url(string $url): string {
+    $page = media_imgur_page_url($url);
+    return $page !== '' ? rtrim($page, '/') . '/embed' : '';
+}
+
 function media_normalize_datetime(string $value): string {
     $value = trim(html_entity_decode($value, ENT_QUOTES | ENT_HTML5, 'UTF-8'));
     if ($value === '') return '';
@@ -638,6 +700,10 @@ function media_external_view_count_from_url(string $url): int {
     if (media_host_matches($host, 'youtube.com') || media_host_matches($host, 'youtu.be') || media_host_matches($host, 'youtube-nocookie.com')) {
         return media_youtube_view_count($url);
     }
+    if (media_host_matches($host, 'imgur.com') || media_host_matches($host, 'i.imgur.com')) {
+        $imgur_page = media_imgur_page_url($url);
+        if ($imgur_page !== '') $url = $imgur_page;
+    }
 
     $fetch = media_http_get($url, 15, 'text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8');
     if ($fetch['body'] === '' || $fetch['error'] !== '') return 0;
@@ -844,6 +910,10 @@ function media_provider_oembed_endpoint(string $url, string $host): string {
     if (media_host_matches($host, 'dailymotion.com') || media_host_matches($host, 'dai.ly')) {
         return 'https://www.dailymotion.com/services/oembed?url=' . rawurlencode($url);
     }
+    if (media_host_matches($host, 'imgur.com') || media_host_matches($host, 'i.imgur.com')) {
+        $imgur_page = media_imgur_page_url($url);
+        if ($imgur_page !== '') return 'https://api.imgur.com/oembed.json?url=' . rawurlencode($imgur_page);
+    }
     if (media_host_matches($host, 'tiktok.com')) {
         return 'https://www.tiktok.com/oembed?url=' . rawurlencode($url);
     }
@@ -975,6 +1045,14 @@ function media_external_metadata(string $url): array {
     if ($url === '') return $metadata;
 
     $host = strtolower((string)(parse_url($url, PHP_URL_HOST) ?? ''));
+    if (media_host_matches($host, 'imgur.com') || media_host_matches($host, 'i.imgur.com')) {
+        $imgur_page = media_imgur_page_url($url);
+        if ($imgur_page !== '') {
+            $url = $imgur_page;
+            $metadata['url'] = $url;
+            $host = strtolower((string)(parse_url($url, PHP_URL_HOST) ?? ''));
+        }
+    }
     $provider = media_provider_embed($url);
     $metadata['provider'] = $provider['provider'] ?? '';
 
@@ -1049,6 +1127,13 @@ function media_provider_thumbnail_url(string $url): string {
         if ($id !== '') return 'https://www.dailymotion.com/thumbnail/video/' . rawurlencode($id);
     }
 
+    if (media_host_matches($host, 'imgur.com') || media_host_matches($host, 'i.imgur.com')) {
+        $imgur_path = media_imgur_path_from_url($url);
+        if ($imgur_path !== '' && !str_contains($imgur_path, '/')) {
+            return 'https://i.imgur.com/' . rawurlencode($imgur_path) . 'h.jpg';
+        }
+    }
+
     return media_oembed_thumbnail_url($url, $host);
 }
 
@@ -1184,6 +1269,11 @@ function media_provider_embed(string $url): ?array {
         if ($id !== '') return ['provider' => 'dailymotion', 'embed' => 'https://www.dailymotion.com/embed/video/' . rawurlencode($id)];
     }
 
+    if (media_host_matches($host, 'imgur.com') || media_host_matches($host, 'i.imgur.com')) {
+        $embed = media_imgur_embed_url($url);
+        if ($embed !== '') return ['provider' => 'imgur', 'embed' => $embed];
+    }
+
     if (media_host_matches($host, 'twitch.tv')) {
         $parent = media_twitch_parent_host();
         if (preg_match('#/videos/(\d+)#', $path, $m)) {
diff --git a/index.php b/index.php
index 0b42083..86f5734 100644
--- a/index.php
+++ b/index.php
@@ -33,6 +33,9 @@ $public_stats = $show_page_stats ? public_page_stats() : [
     'sources' => 0,
     'views' => $total_public_views,
 ];
+$live_enabled = live_enabled();
+$live_url = $live_enabled ? live_embed_url() : '';
+$live_title = live_embed_title();
 
 $per_page = (int)setting('catalogue_per_page', '10');
 $page     = max(1, (int)($_GET['page'] ?? 1));
@@ -150,6 +153,24 @@ render_head('Media — TyClifford.com', '
     display:block; width:100%; height:100%;
     border:0; background:#000;
   }
+  .home-mode-toggle {
+    display:inline-flex; align-items:center; gap:.4rem;
+    align-self:flex-start;
+    padding:.25rem; border:1px solid var(--border-2); border-radius:var(--r);
+    background:rgba(255,255,255,.03);
+  }
+  .home-mode-toggle button {
+    border:0; border-radius:calc(var(--r) - 1px); cursor:pointer;
+    padding:.38rem .75rem;
+    font-family:"Share Tech Mono",monospace; font-size:.65rem; letter-spacing:.08em;
+    color:var(--text-3); background:transparent;
+    transition:color .2s, background .2s;
+  }
+  .home-mode-toggle button:hover { color:var(--text-2); }
+  .home-mode-toggle button.active { color:var(--green); background:rgba(0,232,122,.12); }
+  .home-mode-panel[hidden] { display:none; }
+  .live-footer { justify-content:space-between; }
+  .live-footer .stream-meta { max-width:60ch; line-height:1.5; letter-spacing:.06em; }
 
   /* ── Lower grid ── */
   .lower-grid { display:grid; grid-template-columns:1fr; gap:1rem; }
@@ -252,8 +273,30 @@ render_head('Media — TyClifford.com', '
 
 <?php render_topbar('home'); ?>
 
+<?php if ($live_enabled): ?>
+  <div class="home-mode-toggle" role="tablist" aria-label="Homepage media mode">
+    <button type="button" class="active" data-home-mode="videos" role="tab" aria-selected="true" aria-controls="home-video-panel">Videos</button>
+    <button type="button" data-home-mode="live" role="tab" aria-selected="false" aria-controls="home-live-panel">Live</button>
+  </div>
+
+  <section class="stream-card home-mode-panel" id="home-live-panel" aria-label="Live stream" hidden>
+    <div class="stream-ratio">
+      <iframe class="provider-embed-frame"
+              src="<?= h($live_url) ?>"
+              allowfullscreen
+              allow="autoplay; fullscreen"
+              title="<?= h($live_title) ?>"
+              referrerpolicy="no-referrer-when-downgrade"></iframe>
+    </div>
+    <div class="stream-footer live-footer">
+      <p class="eyebrow eyebrow-green"><?= h($live_title) ?></p>
+      <p class="stream-meta"><span>live embed</span></p>
+    </div>
+  </section>
+<?php endif; ?>
+
 <!-- ═══════════════════════════ PLAYER CARD ════════════════════════════════ -->
-<section class="stream-card" aria-label="Media player">
+<section class="stream-card home-mode-panel" id="home-video-panel" aria-label="Media player">
   <div class="stream-ratio">
     <?php if ($primary_player_source && ($primary_player_source['kind'] ?? '') === 'iframe'): ?>
       <iframe class="provider-embed-frame"
@@ -502,6 +545,22 @@ document.addEventListener('DOMContentLoaded', function() {
       toggleBtn.setAttribute('aria-expanded', open ? 'true' : 'false');
     });
   }
+
+  var modeButtons = document.querySelectorAll('[data-home-mode]');
+  var livePanel = document.getElementById('home-live-panel');
+  var videoPanel = document.getElementById('home-video-panel');
+  modeButtons.forEach(function(btn) {
+    btn.addEventListener('click', function() {
+      var mode = btn.getAttribute('data-home-mode');
+      modeButtons.forEach(function(other) {
+        var active = other === btn;
+        other.classList.toggle('active', active);
+        other.setAttribute('aria-selected', active ? 'true' : 'false');
+      });
+      if (livePanel) livePanel.hidden = mode !== 'live';
+      if (videoPanel) videoPanel.hidden = mode === 'live';
+    });
+  });
 });
 
 // Copy embed code to clipboard