https://sample-loop-station.pages.dev/help

1<!doctype html>
2<html lang="ja" data-theme="dark">
3<head>
4  <meta charset="utf-8">
5  <meta name="viewport" content="width=device-width, initial-scale=1">
6  <meta name="theme-color" content="#101114">
7  <link rel="icon" href="/favicon.ico" sizes="16x16 32x32 48x48">
8  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
9  <link rel="icon" type="image/png" sizes="48x48" href="/favicon-48.png">
10  <link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
11  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
12  <meta name="rating" content="adult">
13  <meta name="robots" content="index,follow">
14  <link rel="canonical" href="https://sample-loop-station.pages.dev/help.html">
15  <title>使い方 | AVのサンプルを流し続けるサイト</title>
16  <link rel="stylesheet" href="./styles.css">
17  

17<script src="https://unpkg.com/[email protected]/dist/umd/lucide.min.js" defer></script>

17
18  

18<script>
19    window.addEventListener("DOMContentLoaded", () => {
20      if (window.lucide) window.lucide.createIcons();
21    });
22  </script>

22
23</head>
24<body>
25  <div class="app-shell guide-page">
26    <header class="topbar guide-topbar">
27      <div class="title-stack">
28        <p class="eyebrow">Guide</p>
29        <h1>使い方</h1>
30        <p class="site-lead">初回は年齢確認後、次回からはページを開くだけでエンドレス再生が始まります。</p>
31      </div>
32      <a class="ghost-action guide-back" href="./index.html">
33        <i data-lucide="arrow-left" aria-hidden="true"></i>
34        アプリに戻る
35      </a>
36    </header>
37
38    <main class="guide-layout">
39      <section class="guide-hero" aria-labelledby="firstTitle">
40        <div>
41          <p class="mini-label">最初にやること</p>
42          <h2 id="firstTitle">年齢確認だけで自動スタート</h2>
43          <p>初回は「18歳以上なので入る」を押すと開始します。確認済みの次回以降は、ページを開くだけで公式APIから候補を準備して未知のサンプルを順番に流し続けます。</p>
44        </div>
45        <a class="primary-action guide-primary" href="./index.html">
46          <i data-lucide="radio" aria-hidden="true"></i>
47          アプリへ戻る
48        </a>
49      </section>
50
51      <section class="guide-section" aria-labelledby="buttonTitle">
52        <h2 id="buttonTitle">ボタンの意味</h2>
53        <div class="guide-steps">
54          <article class="guide-step">
55            <i data-lucide="radio" aria-hidden="true"></i>
56            <h3>エンドレス開始</h3>
57            <p>停止したエンドレス再生を再開するボタンです。再生中は停止ボタンに変わります。</p>
58          </article>
59          <article class="guide-step">
60            <i data-lucide="timer" aria-hidden="true"></i>
61            <h3>45秒タイマー</h3>
62            <p>ONは設定秒数で次へ進みます。OFFは動画の終了後に進み、終了を検知できない場合だけ設定秒数を使います。</p>
63          </article>
64          <article class="guide-step">
65            <i data-lucide="cloud-download" aria-hidden="true"></i>
66            <h3>APIから取得</h3>
67            <p>FANZA APIから候補を追加します。キューが少ない時、新しい作品を混ぜたい時に使います。</p>
68          </article>
69          <article class="guide-step">
70            <i data-lucide="plug-zap" aria-hidden="true"></i>
71            <h3>接続確認</h3>
72            <p>APIキーとローカルサーバーが使えるか確認します。作品は追加されません。</p>
73          </article>
74        </div>
75      </section>
76
77      <section class="guide-section" aria-labelledby="flowTitle">
78        <h2 id="flowTitle">いつ何を押すか</h2>
79        <ol class="guide-list">
80          <li>初回は「18歳以上なので入る」を押すと、自動でエンドレス再生が始まります。</li>
81          <li>年齢確認済みなら、次回からはページを開くだけで自動再生します。</li>
82          <li>停止後に再開したい時は「エンドレス開始」。</li>
83          <li>同じ作品ばかりになってきたら「APIから取得」。</li>
84          <li>APIから取得で失敗する時だけ「接続確認」。</li>
85          <li>好みを絞りたい時は、ジャンルや高評価だけを変更してからAPI取得。</li>
86        </ol>
87      </section>
88
89      <section class="guide-section" aria-labelledby="safeTitle">
90        <h2 id="safeTitle">このサイトでやっていること</h2>
91        <ul class="guide-list">
92          <li>公式サンプルURLを直接再生します。</li>
93          <li>作品ページへのリンクはPRリンクです。</li>
94          <li>動画ファイルの保存、再配布、切り抜き、プロキシ配信はしません。</li>
95          <li>公開サイトにする前は、キャッシュ、レート制限、年齢確認、広告表記をもう一段きちんと整える必要があります。</li>
96        </ul>
97      </section>
98    </main>
99
100    <footer class="site-footer">
101      <a href="./index.html">トップ</a>
102      <a href="./privacy.html">プライバシーポリシー</a>
103      <a href="./terms.html">免責・PR表記</a>
104    </footer>
105  </div>
106<!-- Cloudflare Pages Analytics -->

106<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "

106b191b67351e4407b96482617eea4fda9

106"}'></script>

106<!-- Cloudflare Pages Analytics --></body>
107</html>