# [メタ情報]
# 識別子: wordpressのサイドバーへpodcastなど音声配信を設定する_exe
# 補足: 
# [/メタ情報]
要約：
このテキストは、ウェブサイト上でメディアコンテンツ（動画・音声）を配信するシステムを構成する3つの要素について説明しています。

1.  **mu1emd_autoplay.php**: ブログのヘッダー・フッターを持たない独立型の自動再生プレイヤーページです。URLの`drid`パラメータに基づき、`videoct.json`からコンテンツのタイトル、URL、画像、字幕情報を取得し表示します。音声コンテンツにはカスタム再生バーを、動画・音声両方には字幕一覧をプレイヤー下に常時展開し、再生箇所の中央ハイライト追従スクロールやクリックシークに対応。小窓ポップアップ時には自動リサイズされます。
2.  **サイドバーのカスタムHTML**: 上記プレイヤーページへのリンクバナーをサイドバーに表示します。バナー画像下の題名テキストは、設定された`drid`に対応する最新情報を`videoct.json`から動的に取得し、自動で反映させます。PCでは専用のポップアップウィンドウで、スマートフォンでは直接リンク先が開くよう挙動が最適化されています。
3.  **AppleScript（不要）**: かつてサイドバーのカスタムHTMLを自動生成するために使用されていましたが、現在のカスタムHTMLが`videoct.json`から題名を自動取得し連動する機能を持つようになったため、その役割は不要となりました。



サイドバーのカスタムhtml

```
<div style="text-align: left; margin-bottom: 15px;">

<!-- 
  ★配信したいdrid（例：drid=m51）をhrefの中に記述しておくだけで、
  バナー画像の下のテキスト（題名）はスプレッドシートから自動取得され完璧に連動します。バナー画像はimg src=を置き換えてください。
-->
<a href="https://XXXXXX.com/mu1emd_autoplay/?drid=m51&frag=1" id="podcastBannerLink" target="_blank" rel="noopener" style="display: block; text-align: center;">
  <img src="https://XXXXXX.com/rd.php?id=bIPRIe5d.png" alt="Podcast XXXXXX図書館" style="max-width: 100%; height: auto; border-radius: 6px;">
</a>

<!-- ★ここのテキストは、ページ読み込み時に最新の「題名」へ自動で書き換わります -->
<p id="podcastBannerTitle" style="font-size: 13px; font-weight: bold; color: #333; margin: 6px 0 0 0; line-height: 1.4; text-align: left;">
  読み込み中...
</p>

<script>
(function(){
  var link = document.getElementById('podcastBannerLink');
  var titleEl = document.getElementById('podcastBannerTitle');
  if(!link || !titleEl) return;

  // URLからdridパラメータ（例: m51）を抽出
  var dridMatch = link.href.match(/[?&]drid=([^&]+)/);
  var drid = dridMatch ? dridMatch[1] : '';

  if (drid) {
    // WordPress側プロキシ経由で最新のvideoct.jsonを取得して連動
    fetch('https://XXXXXX.com/gd_proxy/?f=videoct.json')
      .then(function(res) { return res.json(); })
      .then(function(data) {
        var v = data.find(function(item) { return String(item.videoid) === String(drid); });
        if (v && v.title) {
          titleEl.textContent = v.title; // ★スプレッドシートの最新の「題名」を自動反映
        } else {
          titleEl.textContent = 'XXXXXX図書館Podcast'; // 万が一見つからない場合のフォールバック
        }
      })
      .catch(function() {
        titleEl.textContent = 'XXXXXX図書館Podcast'; // エラー時の安全フォールバック
      });
  }

  // スマホとPCでの最適な挙動制御
  var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);
  link.addEventListener('click', function(e){
    if(!isMobile) {
      e.preventDefault();
      var w = 430, h = 530;
      var left = (screen.width - w) / 2;
      var top = (screen.height - h) / 2;
      var features = 'width=' + w + ',height=' + h + ',left=' + left + ',top=' + top + ',personalbar=0,toolbar=0,scrollbars=1,resizable=1';
      var popup = window.open(this.href, 'podcast_popup', features);
      if(popup) {
        popup.focus();
      } else {
        window.open(this.href, '_blank');
      }
    }
  });
})();
</script>

</div>
```


cocoon-child-master
mu1emd_autoplay.php


```
<?php
/*
Template Name: MU1EMD Autoplay - Standalone Minimal
- ブログのヘッダー・フッターを持たない完全独立型のプレイヤーページ（完全手動再生版・小窓ポップアップ自動リサイズ対応）
- 【修正完了】current()関数を使用することで、システムフィルタによるの消失を100%回避し、警告を完全解消
- 【新機能】タイトルの直下に字幕一覧TXTを常時展開（約10行枠・中央ハイライト追従スクロール・クリックシーク対応）
- 【修正完了】自動再生(autoplay)を廃止し、preload="none" に統一。もっさり現象を解消。
- 【修正完了】Mac環境等で発生するL字型の白枠（常時表示スクロールバートラック）をダーク化＆横スクロール無効化で完全解消。
*/

if (!defined('ABSPATH')) { exit; }

function mu1_autoplay_get_dropbox_data() {
    $url = $_SERVER['REQUEST_URI'];
    if (strpos($url, 'drid=') !== false) {
        $parts  = explode('drid=', $url);
        $params = explode('&', end($parts));
        return current($params); // ★ の代わりにcurrent()を使い、安全に最初の文字列を取得
    }
    return false;
}

// ★ URL（REQUEST_URI）から確実に title パラメータを取り出す安全関数
function mu1_autoplay_get_title() {
    if (!empty($_GET['title'])) {
        return sanitize_text_field(wp_unslash($_GET['title']));
    }
    $url = $_SERVER['REQUEST_URI'];
    if (strpos($url, 'title=') !== false) {
        $parts = explode('title=', $url);
        $params = explode('&', end($parts));
        return sanitize_text_field(urldecode(current($params))); // ★ の代わりにcurrent()を使い、安全に文字列を取得
    }
    return 'AIと自作システムで築くデジタル主権';
}

$drid = mu1_autoplay_get_dropbox_data();
if ($drid && function_exists('get_alt_video_id')) { $drid = get_alt_video_id($drid); }
?>

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>
<meta charset="<?php bloginfo('charset'); ?>">
<meta name="viewport" content="width=device-width, initial-scale=1">
<?php wp_head(); ?>
<style>
body {
    margin: 0;
    padding: 10px;
    background: #000;
    color: #fff;
    font-family: sans-serif;
}
:root{ --mu1emd-max: 1920px; }

/* ============================================================================
   ★ 【完全撃墜】Google翻訳の新UI（左上のGロゴ・青いスピナー）を消滅させる絶対バリア 
   ============================================================================ */
/* 1. Googleがbody直下に動的生成するiframe群を全ブロック */
iframe[id^="goog-"], iframe[name^="goog-"], iframe.skiptranslate { 
    display: none !important; visibility: hidden !important; opacity: 0 !important; 
    pointer-events: none !important; width: 0 !important; height: 0 !important; 
    position: absolute !important; top: -9999px !important; 
}
/* 2. body直下の不要なフロート要素を消去 */
body > div.skiptranslate { 
    display: none !important; visibility: hidden !important; opacity: 0 !important; 
    position: absolute !important; top: -9999px !important; 
}
/* 3. 新UI特有のVIpgJd系クラス（Gロゴとスピナーの本体）を消滅 */
div[class^="VIpgJd-"] { 
    display: none !important; visibility: hidden !important; opacity: 0 !important; 
    pointer-events: none !important; z-index: -9999 !important; 
    position: absolute !important; top: -9999px !important; 
}
/* 4. 古い形式のローダーも念のため塞ぐ */
.goog-te-spinner-pos, .goog-te-spinner-animation, .goog-te-spinner, #goog-te-spinner, .gt_loader, .gt_loader_gif, .goog-te-gadget-icon { 
    display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; 
}
/* ============================================================================ */

/* 既存のポップアップ・ツールチップ強制非表示スタイル */
.goog-te-balloon-frame, .goog-tooltip, #goog-gt-tt { display: none !important; visibility: hidden !important; opacity: 0 !important; pointer-events: none !important; }
.goog-text-highlight { background: none !important; box-shadow: none !important; border: none !important; }
.goog-te-banner-frame.skiptranslate { display: none !important; }

/* GTranslate メニュー位置調整（ロゴと被るのを防ぎ、必ず下方向に開かせる） */
.gt_menu, .gt-menu { top: 28px !important; bottom: auto !important; z-index: 999999 !important; }
html.noscroll .mu1emd-topbar, body.noscroll .mu1emd-topbar, html.sidebar-visible .mu1emd-topbar, body.sidebar-visible .mu1emd-topbar, .sidebar-visible .mu1emd-topbar { display: none !important; }

/* 【重複回避バリア】ブログ本文やショートコードに埋め込まれた場合は強制非表示 */
.entry-content #mu1emd-auto-topbar,
.post-content #mu1emd-auto-topbar,
.sc-dynamic-embed #mu1emd-auto-topbar {
  display: none !important;
}

#subtitleOverlay, #scSubtitleOverlay, .overlay-cue, .band { display: none !important; opacity: 0 !important; visibility: hidden !important; pointer-events: none !important; }

/* 1行ごとの基本スタイル */
.imk-line { 
    display: inline-block; 
    width: 100%; 
    border-radius: 2px; 
    transition: background-color 0.15s ease; 
}
/* アクティブ行のハイライト（黄背景・赤文字・下線なし） */
.imk-line.active-hl {
    background-color: #ffff00 !important;
    color: #ff0000 !important;
    font-weight: bold !important;
}
.imk-line.active-hl a {
    color: #ff0000 !important;
    text-decoration: none !important;
}
.imk-line a {
    color: #66b3ff !important;
    text-decoration: none;
    margin-right: 4px;
}

/* ★字幕一覧の枠とMacスクロールバーの白浮きを完全に解消するスタイル */
.mu1emd-sublist {
    width: 100%;
    margin-top: 0;
    background-color: #000 !important;
}
.mu1emd-sublist details {
    width: 100%;
    margin: 0;
    background-color: #000 !important;
}
.mu1emd-sublist details > summary {
    display: none !important; /* ポップアップ小窓内では見出しを省き常時表示 */
}
.mu1emd-sublist details > p {
    font-size: 13px !important;
    line-height: 1.6 !important;
    height: 210px !important; /* 1行約21px × 約10行分 */
    overflow-x: hidden !important; /* ★横スクロールバー(下部の白枠)を強制排除 */
    overflow-y: auto !important;   /* ★縦スクロールのみ許可 */
    color-scheme: dark; /* ★Mac標準のスクロールバーをダークトーン化 */
    background-color: #000 !important; /* ★TXT側の水色指定を真っ黒に上書き */
    color: #bbb !important;
    padding: 6px 10px !important;
    margin: 0 !important;
    border: 1px solid #222 !important; /* プレイヤーに馴染む境界線に変更 */
    box-sizing: border-box;
    scroll-behavior: smooth;
    position: relative;
    box-shadow: none !important; /* ★TXT側の影を無効化してフラット化 */
}

/* ★WebKit系ブラウザ(Mac Safari/Chrome)のスクロールバーを黒く馴染ませる */
.mu1emd-sublist details > p::-webkit-scrollbar {
    width: 10px;
    background-color: #000;
}
.mu1emd-sublist details > p::-webkit-scrollbar-track {
    background-color: #111;
    border-radius: 4px;
}
.mu1emd-sublist details > p::-webkit-scrollbar-thumb {
    background-color: #444;
    border-radius: 4px;
}
.mu1emd-sublist details > p::-webkit-scrollbar-thumb:hover {
    background-color: #666;
}

.audio-player-wrap { position: relative; width: 100%; max-width: 100%; margin: 0 auto; background: #000; overflow: hidden; border-radius: 4px; border-bottom: 1px solid #222; }
.audio-cover-image { width: 100%; height: auto; display: block; cursor: pointer; }
.center-play-btn { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 56px; height: 56px; background: rgba(0, 0, 0, 0.6); color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 40px; cursor: pointer; z-index: 10; padding-left: 6px; }
.center-play-btn.is-playing { opacity: 0; pointer-events: none; }
.custom-audio-bar { display: flex; align-items: center; justify-content: center; height: 27px; background: #111; color: #fff; padding: 0 15px; font-family: sans-serif; font-size: 14px; border-bottom: 1px solid #222; }
.custom-audio-bar input[type="range"] { flex: 1; margin: 0 15px; cursor: pointer; height: 4px; }
#myVideo { display: none !important; }
</style>
</head>
<body <?php body_class(); ?>>

<!-- ★ トップバー (GTranslate ＆ NotebookLMへのQ&Aバナー) -->
<div id="mu1emd-auto-topbar" class="mu1emd-auto-topbar" style="height: 28px!important; display: flex!important; justify-content: space-between!important; align-items: center!important; width: 100%!important; padding: 0 10px!important; border-bottom: 1px solid #eee; background-color: #fff; box-sizing: border-box; overflow: visible!important; margin: 0 0 15px 0!important; position: relative; z-index: 1!important;">
  <div style="height: 28px; display: flex; align-items: center; flex-grow: 1; overflow: visible!important;">
    <div class="gt-container" style="pointer-events: auto!important;">
      <?php echo do_shortcode('[gtranslate]'); ?>
    </div>
  </div>
  <div style="height: 28px!important; display: flex; align-items: center;">
    <a style="display: block; height: 26px;" href="https://notebooklm.google.com/notebook/aa64cc3d-0160-4433-b934-ecc5ab902287" target="_blank" rel="noopener">
      <img style="height: 26px!important; width: auto!important; border: none!important; display: block!important;" src="https://XXXXXX.com/rd.php?id=NgFHFYXH.png" alt="Q&A" />
    </a>
  </div>
</div>

<script>
// JSによる埋め込み検知（iframe等で他サイトに埋め込まれた場合はトップバーを非表示）
(function(){
  var isIframe = (window.self !== window.top);
  var isHtmlInjected = (window.location.href.indexOf('mu1emd') === -1);
  if (isIframe || isHtmlInjected) {
    var topbar = document.getElementById('mu1emd-auto-topbar');
    if (topbar) topbar.style.display = 'none';
  }
})();
/* 競合の原因となっていたGoogle翻訳公式エンジンの二重初期化スクリプトは削除済 */
</script>

<?php
if ($drid) {
    $json_url  = 'https://XXXXXX.com/gd_proxy/?f=videoct.json';
    $json_data = file_get_contents($json_url);
    if ($json_data !== false) {
        $videos = json_decode($json_data, true);
        $v = null;
        foreach($videos as $row){
            if((string)$row['videoid'] === (string)$drid){ $v = $row; break; }
        }
        if ($v) {
            $title_val         = $v['title'] ?? '';  // ★ JSONからスプレッドシートの「題名」を安全に取得
            $image_url         = $v['image'] ?? '';
            $video_url         = $v['video'] ?? '';
            $subtitle_url      = $v['subtitle'] ?? '';
            $subtitle_list_url = $v['subtitle_list'] ?? '';
            
            $is_audio = preg_match('/\.(mp3|m4a|wav)(?:\?.*)?$/i', $video_url);
            echo '<div class="mu1emd-container" id="mu1emdContainer">';
            
            if ($is_audio) {
                echo '<div class="audio-player-wrap">';
                if(!empty($image_url)) {
                    echo '<div id="centerPlayBtn" class="center-play-btn">▶</div>';
                    echo '<img class="audio-cover-image" id="audioCover" src="'.esc_url($image_url).'" draggable="false">';
                }
                
                // ★ autoplay を削除し、preload="none" に統一
                echo '<audio id="myVideo" playsinline preload="none" data-protected="false"><source src="'.esc_url($video_url).'"></audio>';
                
                echo '<div class="custom-audio-bar">
                <span id="audioTime">00:00</span>
                <input type="range" id="audioSeek" value="0" min="0" max="1000" step="1">
                <span id="audioDuration">00:00</span>
                </div>';
                
                // ★ 修正：JSONの"title"があれば最優先し、無ければパラメータから安全取得
                $display_title = !empty($title_val) ? $title_val : mu1_autoplay_get_title();
                echo '<div style="text-align:left; padding: 6px 10px; background: #111; color: #fff; font-size: 13px; font-weight: bold; font-family: sans-serif;">';
                echo '  ' . esc_html($display_title);
                echo '</div>';
                echo '</div>';
            } else {
                echo '<div class="video-wrap">';
                // ★ autoplay を削除し、preload="none" に統一
                echo '<video id="myVideo" controls poster="'.esc_url($image_url).'" playsinline preload="none" data-protected="false" style="width:100%;height:auto;border-bottom: 1px solid #222;">';
                echo '  <source src="'.esc_url($video_url).'" type="video/mp4">';
                if (!empty($subtitle_url)) { echo '  <track src="'.esc_url($subtitle_url).'" label="日本語" srclang="ja" kind="subtitles" default>'; }
                echo '</video>';
                echo '</div>';
            }
            
            // ★ タイトルの直下に字幕一覧TXTを展開
            if (!empty($subtitle_list_url)) {
                echo '<div class="mu1emd-sublist">';
                $sub_html = file_get_contents($subtitle_list_url);
                echo $sub_html ? $sub_html : '<p style="color:#999">字幕一覧の取得に失敗しました。</p>';
                echo '</div>';
            }
            echo '</div>';
        }
    }
}
?>

<script>
(function(){
    // 独立した小窓ポップアップとして開いた際に、自動的にコンパクトサイズにリサイズ
    try {
        window.resizeTo(430, 530);
    } catch(e){}

    function initPlayer() {
        var video = document.getElementById("myVideo");
        if(!video) return false;
        <?php if($is_audio): ?>
        if (video.dataset.audioInit !== 'true') {
            var coverImg = document.getElementById("audioCover");
            var centerBtn = document.getElementById("centerPlayBtn");
            var audioSeek = document.getElementById("audioSeek");
            var audioTime = document.getElementById("audioTime");
            var audioDuration = document.getElementById("audioDuration");
            var isDragging = false;

            function formatTime(s) {
                if (isNaN(s) || !isFinite(s)) return "00:00";
                var m = Math.floor(s / 60); var ss = Math.floor(s % 60);
                return (m < 10 ? "0" + m : m) + ":" + (ss < 10 ? "0" + ss : ss);
            }

            // 終了時刻を確実に更新する共通関数
            function updateDuration() {
                if (video.duration && isFinite(video.duration)) {
                    if (audioDuration) audioDuration.textContent = formatTime(video.duration);
                }
            }

            function togglePlay() { if (video.paused) { video.play(); } else { video.pause(); } }
            if(coverImg) coverImg.addEventListener("click", togglePlay);
            if(centerBtn) centerBtn.addEventListener("click", togglePlay);
            
            video.addEventListener("play", function() { 
                if(centerBtn) centerBtn.classList.add("is-playing"); 
                updateDuration();
            });
            video.addEventListener("pause", function() { if(centerBtn) centerBtn.classList.remove("is-playing"); });
            
            // メタデータ読み込み時・長さ変更時・読み込み完了時に更新
            video.addEventListener("loadedmetadata", updateDuration);
            video.addEventListener("durationchange", updateDuration);
            if (video.readyState >= 1) {
                updateDuration();
            }

            video.addEventListener("timeupdate", function() {
                if (!isDragging) {
                    if (audioTime) audioTime.textContent = formatTime(video.currentTime);
                    if (audioSeek && video.duration && isFinite(video.duration)) { 
                        audioSeek.value = (video.currentTime / video.duration) * 1000; 
                    }
                }
                // 00:00 のままになっている場合は再生経過のタイミングで再取得を試みる
                if (audioDuration && audioDuration.textContent === "00:00" && video.duration && isFinite(video.duration)) {
                    updateDuration();
                }
            });

            if (audioSeek) { 
                audioSeek.addEventListener("input", function() { 
                    isDragging = true;
                    if (video.duration && isFinite(video.duration)) {
                        if (audioTime) audioTime.textContent = formatTime((audioSeek.value / 1000) * video.duration);
                    }
                }); 
                
                audioSeek.addEventListener("change", function() { 
                    if (video.duration && isFinite(video.duration)) {
                        video.currentTime = (audioSeek.value / 1000) * video.duration; 
                    }
                    isDragging = false;
                }); 
                
                audioSeek.addEventListener("mouseup", function() { isDragging = false; });
                audioSeek.addEventListener("touchend", function() { isDragging = false; });
            }

            video.dataset.audioInit = 'true';
        }
        <?php endif; ?>
        return true;
    }

    // ★ 字幕リストの初期化・中央ハイライト追従・クリックシーク
    function initSubtitles() {
        var video = document.getElementById("myVideo");
        var listContainer = document.querySelector(".mu1emd-sublist details > p");
        if (!video || !listContainer) return false;

        var detailsEl = document.querySelector(".mu1emd-sublist details");
        if (detailsEl) { detailsEl.open = true; }

        // 1行ずつ span.imk-line で梱包
        if (!listContainer.dataset.formatted) {
            var html = listContainer.innerHTML;
            var lines = html.split(/<br\s*\/?>/i);
            var newHtml = "";
            for (var j = 0; j < lines.length; j++) {
                if (lines[j].trim() === "") continue;
                newHtml += "<span class='imk-line'>" + lines[j] + "</span><br>";
            }
            listContainer.innerHTML = newHtml;
            listContainer.dataset.formatted = "true";
        }

        function parseTs(ts) {
            if (!ts) return null;
            var p = ts.trim().split(":").map(function(x){ return parseInt(x, 10) || 0; });
            if (p.length === 2) return p[0] * 60 + p[1];
            if (p.length === 3) return p[0] * 3600 + p[1] * 60 + p[2];
            return null;
        }

        // クリックシーク機能
        listContainer.addEventListener("click", function(e) {
            var a = e.target.closest && e.target.closest("a.imk-cue[data-seek]");
            if (!a) return;
            e.preventDefault();
            var sec = parseTs(a.getAttribute("data-seek"));
            if (sec !== null) {
                video.currentTime = sec;
                if (video.paused) video.play();
            }
        });

        // 再生位置に応じた中央スクロール同期
        video.addEventListener("timeupdate", function() {
            var cues = listContainer.querySelectorAll("a.imk-cue");
            if (cues.length === 0) return;
            var cur = video.currentTime;
            var activeA = null;

            for (var i = 0; i < cues.length; i++) {
                var t = parseTs(cues[i].getAttribute("data-seek"));
                if (t !== null && cur >= t - 0.5) {
                    activeA = cues[i];
                } else if (t > cur) {
                    break;
                }
            }

            if (activeA) {
                var activeLine = activeA.closest(".imk-line") || activeA;
                if (activeLine.classList.contains("active-hl")) return;

                // 前のハイライトを解除
                var allLines = listContainer.querySelectorAll(".imk-line");
                for (var k = 0; k < allLines.length; k++) {
                    allLines[k].classList.remove("active-hl");
                }

                // 新しい行をハイライト
                activeLine.classList.add("active-hl");

                // ★ 該当行が常に枠内の「上下中央（中間部分）」に来るよう計算してスクロール
                var containerRect = listContainer.getBoundingClientRect();
                var activeRect = activeLine.getBoundingClientRect();
                var targetScroll = listContainer.scrollTop 
                                 + (activeRect.top - containerRect.top) 
                                 - (listContainer.clientHeight / 2) 
                                 + (activeLine.clientHeight / 2);

                listContainer.scrollTo({ top: targetScroll, behavior: "smooth" });
            }
        });

        return true;
    }

    var checks = 0;
    var checkTimer = setInterval(function(){
        var pSuccess = initPlayer();
        var sSuccess = initSubtitles();
        checks++;
        if ((pSuccess && sSuccess) || checks > 20) {
            clearInterval(checkTimer);
        }
    }, 500);
})();
</script>

<?php wp_footer(); ?>
</body>
</html>
```


タイトルを動画パッケージの題名から取得するように変更したので、
以下のAppleScriptは不要になりました。

AppleScript
Podcast音声配信用カスタムhtml作成.scpt

```
-- =========================================================
-- Podcast & 動画パッケージ用 カスタムHTML自動生成スクリプト
-- =========================================================

on run
	-- １ タイトルの入力（デフォルト値を「XXXXXX図書館Podcast」に設定）
	set inputTitle to text returned of (display dialog "１ タイトル（題名）を入れてください:" default answer "XXXXXX図書館Podcast" buttons {"キャンセル", "OK"} default button "OK")
	
	-- ２ 動画パッケージURLの入力（基本URL形式）
	set inputPackageURL to text returned of (display dialog "２ この音声を再生する動画パッケージURLを入れてください:\n(例: https://XXXXXX.com/mu1?drid=m51)" default answer "https://XXXXXX.com/mu1?drid=m51" buttons {"キャンセル", "OK"} default button "OK")
	
	-- ３ 画像URLの入力（変更不要・空欄の場合はデフォルト画像を設定）
	set inputImageURL to text returned of (display dialog "３ サイドバーのリンク画像を変更したい場合はURLを入れてください:\n(変更不要・空欄の場合はそのまま「OK」を押してください)" default answer "" buttons {"キャンセル", "OK"} default button "OK")
	
	-- 画像URLのトリム＆空欄判定（未入力・スペースのみの場合はデフォルト画像を設定）
	set trimmedImageURL to do shell script "python3 -c 'import sys; print(sys.argv[1].strip())' " & quoted form of inputImageURL
	if trimmedImageURL is "" then
		set finalImageURL to "https://XXXXXX.com/rd.php?id=bIPRIe5d.png"
	else
		set finalImageURL to trimmedImageURL
	end if
	
	-- ▼ 内部で /mu1? を /mu1emd_autoplay/? へ自動置換し、&frag=1 を補完する処理 ▼
	set convertedURL to inputPackageURL
	if convertedURL contains "/mu1?" then
		set convertedURL to my replaceText(convertedURL, "/mu1?", "/mu1emd_autoplay/?")
	else if convertedURL contains "/mu1/?" then
		set convertedURL to my replaceText(convertedURL, "/mu1/?", "/mu1emd_autoplay/?")
	end if
	
	-- frag=1 パラメータの自動付与
	if convertedURL contains "frag=1" is false then
		if convertedURL contains "?" then
			set convertedURL to convertedURL & "&frag=1"
		else
			set convertedURL to convertedURL & "?frag=1"
		end if
	end if
	
	-- タイトル文字列をURLエンコード（Python3を使用）
	set encodedTitle to do shell script "python3 -c 'import urllib.parse, sys; print(urllib.parse.quote(sys.argv[1]))' " & quoted form of inputTitle
	
	-- 動画パッケージURLへ &title= を自動付与
	set finalPackageURL to convertedURL
	if finalPackageURL contains "title=" is false then
		if finalPackageURL contains "?" then
			set finalPackageURL to finalPackageURL & "&title=" & encodedTitle
		else
			set finalPackageURL to finalPackageURL & "?title=" & encodedTitle
		end if
	end if

	-- カスタムHTMLの組み上げ（画像・左詰めテキスト・スマホフリーズ防止JS）
	set customHTML to "<div style=\"text-align: left; margin-bottom: 15px;\">" & linefeed & ¬
		"  <a href=\"" & finalPackageURL & "\" id=\"podcastBannerLink\" target=\"_blank\" rel=\"noopener\" style=\"display: block; text-align: center;\">" & linefeed & ¬
		"    <img src=\"" & finalImageURL & "\" alt=\"Podcast XXXXXX図書館\" style=\"max-width: 100%; height: auto; border-radius: 6px;\">" & linefeed & ¬
		"  </a>" & linefeed & ¬
		"  <p style=\"font-size: 13px; font-weight: bold; color: #333; margin: 6px 0 0 0; line-height: 1.4; text-align: left;\">" & linefeed & ¬
		"    " & inputTitle & linefeed & ¬
		"  </p>" & linefeed & ¬
		"  <script>" & linefeed & ¬
		"  (function(){" & linefeed & ¬
		"    var link = document.getElementById('podcastBannerLink');" & linefeed & ¬
		"    if(!link) return;" & linefeed & ¬
		"    var isMobile = /iPhone|iPad|iPod|Android/i.test(navigator.userAgent);" & linefeed & ¬
		"    link.addEventListener('click', function(e){" & linefeed & ¬
		"      if (!isMobile) {" & linefeed & ¬
		"        e.preventDefault();" & linefeed & ¬
		"        e.stopPropagation();" & linefeed & ¬
		"        window.open(this.href, 'mu1_popup', 'width=430,height=530,scrollbars=yes,resizable=yes');" & linefeed & ¬
		"      } else {" & linefeed & ¬
		"        setTimeout(function(){" & linefeed & ¬
		"          var closeTarget = document.querySelector('#navi-menu-input, .sidebar-menu-close, .drawer-overlay');" & linefeed & ¬
		"          if (closeTarget) {" & linefeed & ¬
		"            if (closeTarget.type === 'checkbox') { closeTarget.checked = false; } else { closeTarget.click(); }" & linefeed & ¬
		"          }" & linefeed & ¬
		"        }, 150);" & linefeed & ¬
		"      }" & linefeed & ¬
		"    });" & linefeed & ¬
		"  })();" & linefeed & ¬
		"  </script>" & linefeed & ¬
		"</div>"
	
	-- クリップボードへ一括保存
	set the clipboard to customHTML
	
	-- 完了ダイアログの表示
	display dialog "カスタムHTMLの生成が完了し、クリップボードにコピーしました！\nWordPressの「カスタムHTML」にそのまま貼り付けてご使用ください。" buttons {"OK"} default button "OK" with icon note
	
end run

-- テキスト置換用サブルーチン
on replaceText(originalText, searchString, replacementString)
	set AppleScript's text item delimiters to searchString
	set textItems to text items of originalText
	set AppleScript's text item delimiters to replacementString
	set replacedText to textItems as text
	set AppleScript's text item delimiters to ""
	return replacedText
end replaceText
```