315 lines
15 KiB
HTML
315 lines
15 KiB
HTML
<!doctype html>
|
|
<html lang="ko">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1">
|
|
<title>Paca - 사용 안내</title>
|
|
<meta name="description" content="Paca 설치부터 스마트폰 연결까지의 전체 흐름을 안내합니다. 설치자 다운로드, 영상 저장 방법, 홈 Wi-Fi 모바일 스트리밍 연결, 단축키와 자주 묻는 질문까지 다룹니다.">
|
|
<meta property="og:type" content="website">
|
|
<meta property="og:title" content="Paca - 사용 안내">
|
|
<meta property="og:description" content="설치부터 스마트폰 연결까지, Paca 의 전체 사용 흐름을 단계별로 안내합니다.">
|
|
<meta property="og:url" content="https://mediabrowser.chanpaca.net/guide.html">
|
|
<meta name="theme-color" content="#08090d">
|
|
<meta property="og:image" content="https://mediabrowser.chanpaca.net/assets/og.jpg">
|
|
<link rel="canonical" href="https://mediabrowser.chanpaca.net/guide.html">
|
|
<meta name="twitter:card" content="summary_large_image">
|
|
<script type="application/ld+json">
|
|
{
|
|
"@context": "https://schema.org",
|
|
"@type": "FAQPage",
|
|
"mainEntity": [
|
|
{
|
|
"@type": "Question",
|
|
"name": "로그인 계정이 필요한 영상도 다운로드할 수 있나요?",
|
|
"acceptedAnswer": { "@type": "Answer", "text": "네, 가능합니다. Paca 는 내장 브라우저의 로그인 세션 쿠키와 Referer 헤더를 물려받아 요청하므로 회원 전용 영상도 원본 화질로 저장됩니다." }
|
|
},
|
|
{
|
|
"@type": "Question",
|
|
"name": "다운로드 속도가 느리거나 끊길 때는 어떻게 하나요?",
|
|
"acceptedAnswer": { "@type": "Answer", "text": "설정에서 병렬 다운로드 스레드 수(기본 8~16)를 조정할 수 있습니다. 연결이 끊기더라도 재개 버튼을 누르면 이미 받은 세그먼트 이후부터 이어서 다운로드합니다." }
|
|
},
|
|
{
|
|
"@type": "Question",
|
|
"name": "스마트폰에서 PC 연결이 되지 않습니다.",
|
|
"acceptedAnswer": { "@type": "Answer", "text": "PC 와 스마트폰이 동일한 Wi-Fi 공유기에 연결되어 있는지 확인하세요. Windows 방화벽 알림이 떴을 때 개인 네트워크 액세스 허용을 선택해야 통신이 가능합니다." }
|
|
}
|
|
]
|
|
}
|
|
</script>
|
|
<link rel="icon" href="assets/favicon.svg" type="image/svg+xml">
|
|
<link rel="icon" href="assets/favicon-32x32.png" type="image/png">
|
|
<link rel="apple-touch-icon" href="assets/apple-touch-icon.png">
|
|
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/wanteddev/wanted-sans@v1.0.3/packages/wanted-sans/fonts/webfonts/variable/split/WantedSansVariable.min.css">
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
|
|
<a class="skip-link" href="#guide-content">본문 바로가기</a>
|
|
|
|
<div class="ambient-lighting" aria-hidden="true">
|
|
<div class="ambient-grid"></div>
|
|
</div>
|
|
|
|
<!-- Fluid Island Navigation -->
|
|
<div class="nav-wrapper">
|
|
<nav class="nav" aria-label="주 메뉴">
|
|
<a class="nav__brand" href="index.html">
|
|
<span class="nav__logo-badge" style="padding:0;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;">
|
|
<img src="assets/favicon-32x32.png" alt="Paca" style="width:24px;height:24px;border-radius:var(--radius-sm);display:block;">
|
|
</span>
|
|
<span>Paca</span>
|
|
</a>
|
|
<div class="nav__links">
|
|
<a class="nav__link" href="index.html#how-it-works">작동 방식</a>
|
|
<a class="nav__link" href="index.html#compare">비교</a>
|
|
<a class="nav__link" href="index.html#features">핵심 기능</a>
|
|
<a class="nav__link" href="index.html#mobile">모바일 연결</a>
|
|
<a class="nav__link" href="guide.html" aria-current="page">사용 안내</a>
|
|
</div>
|
|
<div class="nav__actions">
|
|
<a class="btn btn--primary btn--sm" href="releases.html">
|
|
<span>다운로드</span>
|
|
<span class="btn__icon-badge"><svg class="icon" aria-hidden="true"><use href="assets/icons.svg#arrow-up-right"/></svg></span>
|
|
</a>
|
|
<button class="nav__hamburger" id="nav-toggle" aria-label="메뉴 열기" aria-expanded="false">
|
|
<svg class="icon" aria-hidden="true"><use href="assets/icons.svg#list"/></svg>
|
|
</button>
|
|
</div>
|
|
</nav>
|
|
</div>
|
|
|
|
<!-- Mobile Navigation Drawer -->
|
|
<div class="mobile-menu-overlay" id="mobile-menu" aria-hidden="true">
|
|
<div class="mobile-menu-links">
|
|
<a class="mobile-menu-link" href="index.html#how-it-works">작동 방식</a>
|
|
<a class="mobile-menu-link" href="index.html#compare">비교</a>
|
|
<a class="mobile-menu-link" href="index.html#features">핵심 기능</a>
|
|
<a class="mobile-menu-link" href="index.html#mobile">모바일 연결</a>
|
|
<a class="mobile-menu-link text-accent" href="guide.html">사용 안내</a>
|
|
<a class="mobile-menu-link" href="releases.html">다운로드 ↗</a>
|
|
</div>
|
|
</div>
|
|
|
|
<header class="guide-header-pad">
|
|
<div class="wrap">
|
|
<span class="eyebrow">사용 안내서</span>
|
|
<h1>Paca 시작하기</h1>
|
|
<p class="sub" style="margin-top:12px">설치부터 영상 다운로드, 스마트폰 연결까지 핵심 사용법을 한눈에 확인하세요.</p>
|
|
</div>
|
|
</header>
|
|
|
|
<main class="wrap guide-layout" id="guide-content">
|
|
<!-- Sticky Table of Contents -->
|
|
<aside class="card guide-toc" aria-label="문서 목차">
|
|
<span class="guide-toc-title">목차</span>
|
|
<a class="guide-toc-link is-active" href="#install">1. 설치 및 첫 실행</a>
|
|
<a class="guide-toc-link" href="#download">2. 영상 다운로드</a>
|
|
<a class="guide-toc-link" href="#batch">3. 일괄 관리</a>
|
|
<a class="guide-toc-link" href="#phone">4. 모바일 연결</a>
|
|
<a class="guide-toc-link" href="#shortcuts">5. 단축키 모음</a>
|
|
<a class="guide-toc-link" href="#faq">6. 자주 묻는 질문</a>
|
|
</aside>
|
|
|
|
<!-- Guide Main Content Area -->
|
|
<div class="guide-main">
|
|
<!-- Step 1: Install -->
|
|
<section class="card guide-step-card" id="install">
|
|
<div class="guide-step-head">
|
|
<span class="guide-step-num">1</span>
|
|
<h2>설치 및 첫 실행</h2>
|
|
</div>
|
|
<p>Windows 설치자(<span class="text-mono text-accent">Paca-Setup-x64.exe</span>)를 실행하면 필요한 컴포넌트가 자동으로 준비됩니다.</p>
|
|
|
|
<ul class="guide-list">
|
|
<li>
|
|
<div>
|
|
<strong class="text-primary">WebView2 런타임 자동 감지:</strong>
|
|
<p class="text-secondary">Windows 10/11 기본 내장되어 있으며, 없을 경우 첫 실행 시 마이크로소프트 공식 런타임 설치를 안내합니다.</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<strong class="text-primary">내장 ffmpeg 엔진:</strong>
|
|
<p class="text-secondary">별도 ffmpeg 를 다운로드하거나 시스템 PATH 를 설정할 필요 없이 앱 내에 포함되어 즉시 작동합니다.</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
|
|
<div class="callout callout--tip">
|
|
<strong>팁:</strong> 첫 실행 시 Windows Defender 스마트스크린 경고가 나타날 경우 <strong>[추가 정보] → [실행]</strong>을 선택하세요.
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Step 2: Download -->
|
|
<section class="card guide-step-card" id="download">
|
|
<div class="guide-step-head">
|
|
<span class="guide-step-num">2</span>
|
|
<h2>영상 다운로드하기</h2>
|
|
</div>
|
|
<p>내장 브라우저에서 평소처럼 웹 서핑을 하며 영상을 재생하세요. 별도 주소 복사가 필요 없습니다.</p>
|
|
|
|
<ol class="guide-list">
|
|
<li>
|
|
<div>
|
|
<strong class="text-primary">영상 페이지 이동 및 재생:</strong>
|
|
<p class="text-secondary">원하는 스트리밍 사이트에서 영상을 재생합니다. 로그인 계정이 필요한 사이트라면 평소처럼 로그인하세요.</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<strong class="text-primary">스트림 감지 배너 확인:</strong>
|
|
<p class="text-secondary">영상이 재생되면 상단 또는 우측 패널에 감지된 스트림 정보(해상도, 비트레이트, 포맷)가 표시됩니다.</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<strong class="text-primary">다운로드 시작:</strong>
|
|
<p class="text-secondary">감지된 항목의 다운로드 버튼을 누르면 분할 병렬 다운로드가 시작되고 완료 시 MP4 로 자동 결합됩니다.</p>
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
</section>
|
|
|
|
<!-- Step 3: Batch Management -->
|
|
<section class="card guide-step-card" id="batch">
|
|
<div class="guide-step-head">
|
|
<span class="guide-step-num">3</span>
|
|
<h2>일괄 관리 & 이어받기</h2>
|
|
</div>
|
|
<p>대용량 다운로드 큐를 효율적으로 제어할 수 있는 다양한 도구를 제공합니다.</p>
|
|
|
|
<div class="spec-grid text-mono">
|
|
<div class="spec-row">
|
|
<span>일괄 일시정지 / 재개:</span>
|
|
<span>상단 도구 모음 버튼으로 전체 작업을 한 번에 제어</span>
|
|
</div>
|
|
<div class="spec-row">
|
|
<span>세그먼트 체크포인트:</span>
|
|
<span class="text-success">네트워크 끊김 시 받은 지점부터 즉시 이어받기</span>
|
|
</div>
|
|
<div class="spec-row">
|
|
<span>다운로드 기록 내보내기:</span>
|
|
<span>CSV 파일로 다운로드 내역 및 스트림 URL 저장</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Step 4: Phone Companion -->
|
|
<section class="card guide-step-card" id="phone">
|
|
<div class="guide-step-head">
|
|
<span class="guide-step-num">4</span>
|
|
<h2>스마트폰 연결 및 로컬 스트리밍</h2>
|
|
</div>
|
|
<p>PC 에 저장된 영상을 홈 Wi-Fi 네트워크 안에서 스마트폰으로 즉시 시청하거나 전송받을 수 있습니다.</p>
|
|
|
|
<ol class="guide-list">
|
|
<li>
|
|
<div>
|
|
<strong class="text-primary">데스크톱 앱에서 모바일 서버 켜기:</strong>
|
|
<p class="text-secondary">데스크톱 우측 상단의 <strong>[모바일 연결]</strong> 버튼을 누르면 QR 코드가 생성됩니다.</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<strong class="text-primary">스마트폰으로 QR 코드 스캔:</strong>
|
|
<p class="text-secondary">동일한 홈 Wi-Fi 에 연결된 스마트폰의 카메라 또는 Paca Companion 앱으로 QR 을 스캔합니다.</p>
|
|
</div>
|
|
</li>
|
|
<li>
|
|
<div>
|
|
<strong class="text-primary">무손실 스트리밍 & 다운로드:</strong>
|
|
<p class="text-secondary">모바일 화면에서 PC 에 저장된 영상을 끊김 없이 감상하거나 기기로 바로 내려받으세요.</p>
|
|
</div>
|
|
</li>
|
|
</ol>
|
|
|
|
<div class="callout callout--info">
|
|
<strong>보안 및 네트워크:</strong> 모든 데이터는 외부 인터넷 서버를 거치지 않고 오직 사용자의 로컬 Wi-Fi 안에서만 직접 통신하므로 안전하고 빠릅니다.
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Step 5: Shortcuts -->
|
|
<section class="card guide-step-card" id="shortcuts">
|
|
<div class="guide-step-head">
|
|
<span class="guide-step-num">5</span>
|
|
<h2>단축키 모음</h2>
|
|
</div>
|
|
<p>주요 기능에 빠르게 접근할 수 있는 키보드 단축키입니다.</p>
|
|
|
|
<div class="spec-grid text-mono">
|
|
<div class="spec-row">
|
|
<span><kbd>Ctrl</kbd> + <kbd>T</kbd></span>
|
|
<span>새 탭 열기</span>
|
|
</div>
|
|
<div class="spec-row">
|
|
<span><kbd>Ctrl</kbd> + <kbd>W</kbd></span>
|
|
<span>현재 탭 닫기</span>
|
|
</div>
|
|
<div class="spec-row">
|
|
<span><kbd>Ctrl</kbd> + <kbd>L</kbd></span>
|
|
<span>주소 표시줄로 포커스 이동</span>
|
|
</div>
|
|
<div class="spec-row">
|
|
<span><kbd>Ctrl</kbd> + <kbd>D</kbd></span>
|
|
<span>다운로드 패널 열기 / 닫기</span>
|
|
</div>
|
|
<div class="spec-row">
|
|
<span><kbd>Ctrl</kbd> + <kbd>J</kbd></span>
|
|
<span>다운로드 히스토리 관리</span>
|
|
</div>
|
|
<div class="spec-row">
|
|
<span><kbd>F12</kbd></span>
|
|
<span>웹 뷰 개발자 도구 토글</span>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<!-- Step 6: FAQ -->
|
|
<section class="card guide-step-card" id="faq">
|
|
<div class="guide-step-head">
|
|
<span class="guide-step-num">6</span>
|
|
<h2>자주 묻는 질문 (FAQ)</h2>
|
|
</div>
|
|
|
|
<div style="display:flex;flex-direction:column;gap:18px;margin-top:8px">
|
|
<div>
|
|
<strong class="text-primary">Q: 로그인 계정이 필요한 영상도 다운로드할 수 있나요?</strong>
|
|
<p class="text-secondary" style="margin-top:4px;font-size:0.9rem">A: 네, 가능합니다. Paca 는 내장 브라우저의 로그인 세션 쿠키와 Referer 헤더를 물려받아 요청하므로 회원 전용 영상도 원본 화질로 저장됩니다.</p>
|
|
</div>
|
|
<div>
|
|
<strong class="text-primary">Q: 다운로드 속도가 느리거나 끊길 때는 어떻게 하나요?</strong>
|
|
<p class="text-secondary" style="margin-top:4px;font-size:0.9rem">A: 설정에서 병렬 다운로드 스레드 수(기본 8~16)를 조정할 수 있습니다. 연결이 끊기더라도 [재개] 버튼을 누르면 이미 받은 세그먼트 이후부터 이어서 다운로드합니다.</p>
|
|
</div>
|
|
<div>
|
|
<strong class="text-primary">Q: 스마트폰에서 PC 연결이 되지 않습니다.</strong>
|
|
<p class="text-secondary" style="margin-top:4px;font-size:0.9rem">A: PC 와 스마트폰이 동일한 Wi-Fi 공유기에 연결되어 있는지 확인하세요. Windows 방화벽 알림이 떴을 때 [개인 네트워크 액세스 허용]을 선택해야 통신이 가능합니다.</p>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</div>
|
|
</main>
|
|
|
|
<!-- Footer -->
|
|
<footer>
|
|
<div class="wrap footer__row">
|
|
<div class="footer__brand">
|
|
<span class="nav__logo-badge" style="width:26px;height:26px;border-radius:var(--radius-sm)">
|
|
<svg class="icon" style="width:14px;height:14px" aria-hidden="true"><use href="assets/icons.svg#download-simple"/></svg>
|
|
</span>
|
|
<span>Paca</span>
|
|
</div>
|
|
<div class="footer__links">
|
|
<a href="releases.html">다운로드</a>
|
|
<a href="guide.html">사용 안내</a>
|
|
<a href="index.html#legal">법적 고지</a>
|
|
<a href="https://git.chanpaca.net/Paca/releases" target="_blank" rel="noopener">릴리스 저장소</a>
|
|
</div>
|
|
<div class="footer__copy">
|
|
© 2026 Paca. All rights reserved.
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
|
|
<script src="site.js" defer></script>
|
|
</body>
|
|
</html>
|