<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html>
<html lang="ko" xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8"/>
  <meta name="viewport" content="width=device-width, initial-scale=1"/>
  <title>We Player 화면 설명서 — 재생·영상만 보기·재생목록</title>
  <meta name="description" content="별여행 Deep Sky 영상을 재생한 실제 화면으로 살펴보는 We Player 0.2.0 사용법. 원형 재생 버튼, 영상만 보기, 큰 재생목록과 자막·배속 설정을 안내합니다."/>
  <link rel="canonical" href="https://pickmyride.kr/programs/we-prompt/we-player/guide.xml"/>
  <meta property="og:title" content="We Player · 실제 화면으로 보는 사용법"/>
  <meta property="og:image" content="https://pickmyride.kr/programs/we-prompt/we-player/player.webp"/>
  <meta name="theme-color" content="#101412"/>
  <style>
    :root{color-scheme:dark;--bg:#101412;--panel:#191f1b;--line:#344037;--text:#f1f2e9;--muted:#b3bdb3;--lime:#c6f36b}
    *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.75 "Segoe UI","Malgun Gothic",sans-serif;word-break:keep-all}a{color:inherit;text-underline-offset:5px}a:hover{color:var(--lime)}a:focus-visible,summary:focus-visible{outline:3px solid var(--lime);outline-offset:5px}::selection{color:#101412;background:var(--lime)}
    .wrap{max-width:1160px;padding:0 30px;margin:auto}.top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.brand{font-weight:800;text-decoration:none;font-size:17px;letter-spacing:-.5px}.top nav{display:flex;gap:25px;font-size:13px}.top nav a{text-decoration:none}.skip{position:absolute;left:16px;top:-100px;padding:10px;background:var(--lime);color:#101412}.skip:focus{top:10px;z-index:2}
    .hero{padding:76px 0 43px;display:grid;grid-template-columns:1.15fr 1fr;gap:50px;align-items:end}.eyebrow{font:12px/1.7 Consolas,monospace;letter-spacing:.12em;color:var(--lime);margin:0 0 18px}.identity{display:flex;align-items:center;gap:13px}.mark{display:grid;place-items:center;width:45px;height:45px;border-radius:12px;background:var(--lime);color:#15200c;font-size:19px;font-weight:800}.identity strong{font-size:23px;letter-spacing:-.5px}.badge{font:11px Consolas,monospace;border:1px solid var(--line);border-radius:20px;padding:3px 9px;color:var(--muted)}h1{font-size:clamp(42px,5.6vw,72px);line-height:1.16;letter-spacing:-.065em;margin:25px 0 0}h1 span{color:var(--lime)}.lead{font-size:18px;color:var(--muted);margin:0 0 25px;max-width:410px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:55px;padding:13px 20px;border-radius:8px;background:var(--lime);color:#15200c;font-size:15px;font-weight:800;text-decoration:none;line-height:1.5}.button:hover{background:#dcffa0;color:#15200c}.release{font-size:12px;color:var(--muted);margin:13px 0 0;line-height:1.9}.release a{white-space:nowrap}.notice{border-left:3px solid var(--lime);padding:13px 18px;background:#1a2319;font-size:13px;color:#d0dcc5;margin:0 0 30px}.notice strong{color:var(--text)}
    figure{margin:0}.screen{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#080b09}.screen img{display:block;width:100%;height:auto}.screen figcaption{padding:11px 18px;color:var(--muted);font-size:12px;border-top:1px solid var(--line)}.strip{display:flex;flex-wrap:wrap;gap:10px 27px;justify-content:center;padding:27px 0 45px;color:var(--muted);font-size:13px}.strip b{color:var(--lime);margin-right:5px}
    section{padding:48px 0;border-top:1px solid var(--line)}.section-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:25px}.section-head p{font:11px Consolas,monospace;color:var(--muted);margin:0}h2{font-size:28px;line-height:1.4;letter-spacing:-1px;margin:0}h3{font-size:18px;line-height:1.5;margin:0 0 10px}.features{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.feature{padding:23px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.number{font:12px Consolas,monospace;color:var(--lime);display:block;margin-bottom:28px}.feature p{font-size:14px;line-height:1.8;color:var(--muted);margin:0}.steps{counter-reset:steps;list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.steps li{counter-increment:steps}.steps li:before{content:"0" counter(steps);display:block;color:var(--lime);font:32px Consolas,monospace;margin-bottom:17px}.steps p{font-size:14px;color:var(--muted);margin:0}.inline-note{color:var(--muted);font-size:13px;margin:24px 0 0}.two{display:grid;grid-template-columns:1fr 1fr;gap:50px}.guide p{font-size:14px;color:var(--muted);margin:10px 0 22px}.guide h3:not(:first-child){margin-top:28px}.keys{margin:0}.keys div{display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:12px 0;font-size:14px}.keys dd{margin:0;color:var(--muted)}kbd{font:12px/1.5 Consolas,monospace;display:inline-block;min-width:28px;padding:3px 8px;background:#242d26;border:1px solid #445247;border-radius:5px;text-align:center}
    details{border-bottom:1px solid var(--line);padding:17px 0}summary{cursor:pointer;font-weight:600;font-size:15px}details p,details ul{font-size:14px;color:var(--muted);margin:15px 0 5px;padding-right:16px}details li+li{margin-top:8px}code{font:12px/1.8 Consolas,monospace;overflow-wrap:anywhere;word-break:break-all}.downloads{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:28px}.downloads h2{margin-bottom:13px}.file-links{display:flex;flex-wrap:wrap;gap:15px 25px;font-size:13px;margin-top:22px}.hash{margin:20px 0 0;font-size:12px;color:var(--muted)}.hash code{display:block;margin-top:5px}.download-meta{color:var(--muted);font-size:13px}.footer{padding:27px 0 35px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:12px;color:var(--muted)}.footer p{margin:0}
    @media(max-width:850px){.hero{grid-template-columns:1fr;gap:27px;padding-top:50px}.lead{max-width:620px}.features{grid-template-columns:1fr 1fr}.two{gap:28px}.steps{gap:22px}.section-head p{display:none}}
    @media(max-width:560px){.wrap{padding:0 20px}.top{padding:18px 0}.brand{font-size:14px}.top nav{gap:16px;font-size:12px}.top nav a:last-child{display:none}.hero{padding-top:38px;gap:25px}.identity strong{font-size:21px}h1{font-size:46px}.lead{font-size:16px}.button{width:100%;gap:12px;font-size:14px}.notice{font-size:12px;padding:12px 14px}.strip{justify-content:flex-start;gap:8px 18px;padding-bottom:32px}.screen{border-radius:7px}.screen figcaption{padding:10px 12px;font-size:11px}section{padding:32px 0}.section-head{margin-bottom:20px}h2{font-size:24px}.features{gap:12px}.feature{padding:18px}.number{margin-bottom:18px}.feature h3{font-size:16px}.feature p{font-size:13px}.steps{grid-template-columns:1fr;gap:27px}.steps li{position:relative;padding-left:53px}.steps li:before{position:absolute;left:0;top:1px;font-size:26px}.steps h3{font-size:17px}.two{grid-template-columns:1fr;gap:28px}.keys div{font-size:13px}.downloads{padding:22px}.file-links{flex-direction:column;gap:14px}.footer{display:block}.footer p+p{margin-top:8px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  
  .manual-intro{padding:60px 0 38px}.manual-intro h1{font-size:clamp(34px,5vw,58px);margin:12px 0 22px;line-height:1.22}.manual-intro .lead{max-width:760px;font-size:17px}.contents{display:flex;flex-wrap:wrap;gap:12px 22px;font-size:13px;color:var(--muted);margin-top:25px}.manual-section h2{margin-bottom:14px}.manual-section&gt;.intro{max-width:820px;color:var(--muted);font-size:15px;margin:0 0 25px}.manual-section figure{margin:25px 0}.instructions{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;list-style:none;padding:0;margin:24px 0 0}.instructions li{color:var(--muted);font-size:14px}.instructions b{display:block;font-size:15px;color:var(--text);margin-bottom:6px}.manual-section .number{margin-bottom:12px}.key-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 50px}.source-note{font-size:12px;color:var(--muted);max-width:760px}.manual-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:28px 0}.manual-bottom a:not(.button){font-size:13px}@media(max-width:700px){.manual-intro{padding:38px 0 28px}.manual-intro .lead{font-size:15px}.instructions,.key-grid{grid-template-columns:1fr}.instructions{gap:17px}.manual-section figure{margin:20px 0}.manual-section&gt;.intro{font-size:14px}.manual-section h2{font-size:24px}}
  </style>
</head>
<body>
  <a class="skip" href="#main">본문으로 건너뛰기</a>
  <div class="wrap">
    <header class="top"><a class="brand" href="/">PICK MY RIDE ↗</a><nav aria-label="설명서 메뉴"><a href="index.xml#files">다운로드</a><a href="#shortcuts">단축키</a><a href="index.xml">제품 안내</a></nav></header>
    <main id="main">
      <div class="manual-intro"><p class="eyebrow">WE PLAYER / 0.2.0 PREVIEW</p><h1>실제 화면으로 보는<br/><span>We Player 사용법.</span></h1><p class="lead">영상이 넓게 보이도록 화면을 바꿨습니다. 별여행 Deep Sky 영상을 재생한 캡처로 자주 쓰는 조작 네 가지를 안내합니다.</p><nav class="contents" aria-label="설명서 목차"><a href="#play">01 재생과 이동</a><a href="#video-only">02 영상만 보기</a><a href="#playlist">03 재생목록</a><a href="#settings">04 자막·배속</a></nav></div>

      <section class="manual-section" id="play" aria-labelledby="play-title"><span class="number">01 / PLAYBACK</span><h2 id="play-title">가운데에서 재생하고 10초씩 이동하세요.</h2><p class="intro">앱을 켜고 ‘영상 열기’를 누르세요. 영상이 열려 있을 때는 상단의 폴더 아이콘이나 <kbd>Ctrl</kbd> + <kbd>O</kbd>로 파일을 추가할 수 있습니다. 파일을 창에 끌어다 놓아도 됩니다.</p><figure class="screen"><img src="player.webp?v=020" width="1120" height="630" alt="별여행 Deep Sky를 재생한 We Player 실제 화면. 가운데 원형 재생 버튼과 양옆의 −10·+10 버튼, 아래 탐색 바가 보입니다."/><figcaption>원형 재생·10초 이동 버튼과 하단 탐색 바</figcaption></figure><ol class="instructions"><li><b>삼각형 · 재생과 일시정지</b>가운데 흰 원의 삼각형을 누르세요. 재생 중에는 두 줄의 일시정지 아이콘으로 바뀝니다. Space 키도 같은 기능입니다.</li><li><b>−10 · +10</b>왼쪽 원은 10초 뒤로, 오른쪽 원은 10초 앞으로 이동합니다. 키보드 ← / →로도 이동할 수 있습니다.</li><li><b>탐색 바 · 음량</b>아래의 긴 탐색 바로 원하는 장면을 찾으세요. 왼쪽 스피커 아이콘은 음소거, 옆의 짧은 바는 음량 조절입니다.</li></ol><p class="inline-note">재생 중 마우스를 가만히 두면 조작부가 숨겨집니다. 마우스를 움직이면 다시 나타납니다.</p></section>

      <section class="manual-section" id="video-only" aria-labelledby="video-only-title"><span class="number">02 / VIDEO ONLY</span><h2 id="video-only-title">제목 표시줄과 조작부 숨기기</h2><p class="intro">상단의 ‘영상만 보기’ 모서리 아이콘을 누르거나 <kbd>V</kbd>를 누르세요. 일시정지한 장면도 조작부 없이 볼 수 있습니다. 영상의 원래 비율은 유지됩니다.</p><figure class="screen"><img src="video-only.webp?v=020" width="1120" height="630" alt="같은 별여행 영상에서 제목·버튼·탐색 바를 숨기고 영상만 보여주는 We Player의 실제 화면." loading="lazy"/><figcaption>영상만 보기 · 제목 표시줄과 조작부를 숨긴 상태</figcaption></figure><ol class="instructions"><li><b>마우스를 움직이면</b>조작 버튼이 잠시 나타납니다. 다시 가만히 두면 영상만 남습니다.</li><li><b>기본 화면으로 돌아가기</b>V를 다시 누르거나 Esc를 누르세요. 재생목록·설정 패널이 열려 있다면 Esc는 그 패널을 먼저 닫습니다.</li><li><b>전체화면으로 크게 보기</b>F 또는 오른쪽 아래 전체화면 아이콘을 누르세요. F / Esc로 일반 창으로 돌아올 수 있습니다.</li></ol><p class="inline-note">상단의 파일명 부분을 끌면 창을 옮길 수 있습니다. 창의 오른쪽 아래 모서리를 끌면 크기를 조절할 수 있습니다.</p></section>

      <section class="manual-section" id="playlist" aria-labelledby="playlist-title"><span class="number">03 / PLAYLIST</span><h2 id="playlist-title">재생목록 열고 영상 고르기</h2><p class="intro">상단의 ‘재생목록’을 누르거나 <kbd>L</kbd>을 누르세요. We Player 로고와 함께 큰 패널이 열립니다. 선택한 영상은 연한 초록색으로 표시됩니다.</p><figure class="screen"><img src="playlist.webp?v=020" width="1120" height="630" alt="We Player 로고가 있는 큰 재생목록. 별여행 1080p MP4·720p MP4·PCM 원음 MKV 세 파일과 영상 추가·목록 반복 버튼이 보입니다." loading="lazy"/><figcaption>큰 재생목록 · 1080p·720p·PCM 원음 버전을 함께 연 상태</figcaption></figure><ol class="instructions"><li><b>영상 추가 +</b>패널 오른쪽 위에서 영상을 더 고르세요. 여러 파일을 한 번에 선택할 수 있습니다.</li><li><b>목록에서 골라 재생</b>파일을 두 번 클릭하면 해당 영상이 열립니다. 패널 아래의 이전 영상·다음 영상 버튼으로도 이동할 수 있습니다.</li><li><b>반복하고 닫기</b>‘목록 반복’을 켜면 마지막 영상 뒤에 처음부터 이어집니다. ×, L 또는 Esc로 패널을 닫으세요.</li></ol></section>

      <section class="manual-section" id="settings" aria-labelledby="settings-title"><span class="number">04 / SUBTITLE &amp; SPEED</span><h2 id="settings-title">자막·배속 설정하기</h2><p class="intro">오른쪽 아래 ‘자막 · 설정’ 또는 <kbd>S</kbd>를 누르세요. 영상은 그대로 보면서 재생 속도·자막 트랙·싱크를 조절할 수 있습니다.</p><figure class="screen"><img src="settings.webp?v=020" width="1120" height="630" alt="오른쪽에 열린 자막과 재생 설정 패널. 재생 속도, 자막 트랙, 자막 싱크, 외부 자막 열기가 모여 있습니다." loading="lazy"/><figcaption>자막·설정 패널 · 영상 위에 필요한 옵션만 모아 표시</figcaption></figure><ol class="instructions"><li><b>0.5–2배속</b>‘재생 속도’에서 원하는 배속을 선택하세요. 일반 속도는 1.0×입니다.</li><li><b>자막 고르기</b>‘자막 트랙’에서 내장 자막을 선택하거나 끌 수 있습니다. 별도 파일은 ‘외부 자막 열기’로 선택하세요.</li><li><b>0.5초씩 맞추기</b>−0.5 / +0.5 버튼으로 타이밍을 조절하세요. ‘초기화’를 누르면 자막 싱크가 0.0초로 돌아갑니다.</li></ol><p class="inline-note">영상과 SRT를 같은 폴더에 같은 이름으로 두면 자동 검색을 시도합니다. 예: 여행.mp4 / 여행.srt. 인식되지 않으면 외부 자막을 직접 선택하세요. 파일·코덱·자막 지원은 사용하는 VLC와 파일에 따라 달라집니다.</p></section>

      <section id="shortcuts" aria-labelledby="shortcuts-title"><div class="section-head"><h2 id="shortcuts-title">키보드로 조작하기</h2><p>KEYBOARD SHORTCUTS</p></div><div class="key-grid"><dl class="keys"><div><dt><kbd>Ctrl</kbd> + <kbd>O</kbd></dt><dd>파일 열기</dd></div><div><dt><kbd>Space</kbd></dt><dd>재생·일시정지</dd></div><div><dt><kbd>←</kbd> / <kbd>→</kbd></dt><dd>10초 이동</dd></div><div><dt><kbd>M</kbd></dt><dd>음소거</dd></div></dl><dl class="keys"><div><dt><kbd>L</kbd></dt><dd>재생목록 열기·닫기</dd></div><div><dt><kbd>S</kbd></dt><dd>자막·설정 열기·닫기</dd></div><div><dt><kbd>V</kbd></dt><dd>영상만 보기 전환</dd></div><div><dt><kbd>F</kbd> / <kbd>Esc</kbd></dt><dd>전체화면 전환 / 복귀</dd></div></dl></div><p class="inline-note">Esc는 열린 패널을 먼저 닫습니다. 콤보박스 등 다른 컨트롤에 포커스가 있으면 해당 컨트롤의 키 동작이 우선할 수 있습니다.</p></section>

      <section aria-labelledby="install-notes"><h2 id="install-notes">설치 조건과 버전</h2><p class="source-note">이 설명서는 Windows x64용 We Player 0.2.0 Preview 기준입니다. .NET 런타임은 포함하며 VLC 3.x 64비트는 별도로 설치합니다. 설치 마법사의 VLC 안내를 따라주세요. 현재 설치 파일은 미서명이며 자동 업데이트는 제공하지 않습니다.</p><div class="manual-bottom"><a class="button" href="/programs/we-prompt/downloads/we-player/WePlayer-0.2.0-Preview-win-x64-Setup.exe" download="">0.2.0 설치 파일 다운로드 ↓</a><a href="index.xml#install">처음 설치하는 방법 ↗</a><a href="index.xml#files">체크섬·오픈소스 자료 ↗</a></div><p class="source-note">캡처에 사용한 영상: 사용자 제공 ByulVoyage Deep Sky. 실제 앱에서 1080p MP4를 재생하고 720p MP4·PCM 원음 MKV를 함께 연 화면입니다. 캡처일 2026.11.07.</p></section>
    </main>
    <footer class="footer"><p>© We Studio · PICK MY RIDE</p><p><a href="mailto:dalur@dalur.kr">dalur@dalur.kr</a> · <a href="index.xml">We Player 다운로드 ↗</a></p></footer>
  </div>
</body>
</html>