-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathmusic.html
119 lines (108 loc) · 6.45 KB
/
music.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
<!DOCTYPE html>
<html lang="kor">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>KorgatherShop</title>
<link rel="stylesheet" href="./asset/css/default.css" />
<link rel="stylesheet" href="./asset/css/music.css" />
<script src="https://unpkg.com/sweetalert/dist/sweetalert.min.js"></script>
</head>
<body>
<header id="header">
<h1>
<a href="/"><img src="./asset/img/logo.png" /></a>
</h1>
<nav class="default-menu">
<ul>
<li><a href="/">🌏 맵파일 추출 / 적용</a></li>
<li><a href="/" >🎵 배경음악 넣기</a></li>
<li><a href="https://cafe.naver.com/ArticleList.nhn?search.clubid=30500916&search.menuid=62&search.boardtype=L" target="_blank">💡 맵파일 공유</a></li>
<li><a href="https://cafe.naver.com/ArticleList.nhn?search.clubid=30500916&search.menuid=63&search.boardtype=L" target="_blank">💡 배경음악URL 공유</a></li>
</ul>
</nav>
</header>
<div class = "mobile-wrapper">
<p class = "mobile-info">모바일 환경에서는 이용할 수 없는 서비스입니다. <br>
PC환경에서 접속해주세요 !</p>
</div>
<section class = "section-config">
<article class = "config-wrap">
<div class = "header-logo">서비스페이지 이동안내</div>
<div class = "header-logo">해당 서비스는 모두메타에서 이용 할 수 있습니다.</div>
<div class = "header-logo"><a class="go_modumeta" href="https://www.modumeta.com/apifactory/gathertownAPI" target="_blank" rel="noreferrer">모두메타 바로가기</a></div>
<!-- <div class = "header-logo">  코게더 | KORGATHER</div>
<div class="tab-wrap" id="tab-wrap">
<input class = "export" id="tab-export" type="radio" name="tab" checked />
<label for="tab-export" class="tab">  배경음악 넣기
<div class = "border"></div>
</label>
<div class= question-wrap>
<a class="question" href="https://cafe.naver.com/gathertown/4497" target="_blank">❓ </a><div class= "explain">사용법 보러가기</div>
</div>
</div>
<div class = "input-form-wrap">
<div class = "input-wrap">
<div class = "group">
<label for="api" class="api-config">API 키</label>
<input type="text" class="input" id="export-api-value" placeholder="API키를 입력해주세요." disabled/>
</div>
<div class = "group">
<label for="api" class="api-config">맵 ID</label>
<input type="text" class="input" id="export-space-value" placeholder="맵ID를 입력해주세요." disabled/>
</div>
<div class = "group">
<label for="api" class="api-config">룸 이름</label>
<input type="text" class="input" id="export-map-value" placeholder="룸 이름을 입력해주세요." disabled>
</div>
</div>
<div class = "input-wrap">
<div class = "group">
<label for="api" class="api-config">음악Url</label>
<input type="text" class="input" id="music-url" placeholder="음악Url을 입력해주세요." disabled/>
</div>
<div class = "locate-wrap">
<div class = "group-x">
<label for="api" class="api-config">X 좌표</label>
<input disabled type="number" class="input" id="pos-x" placeholder="X 좌표" min="0"/>
</div>
<div class = "group-y">
<label for="api" class="api-config">Y 좌표</label>
<input disabled type="number" class="input" id="pos-y" placeholder="Y 좌표" min="0"/>
</div>
</div>
<div class = "locate-wrap">
<div class = "group-x">
<label for="api" class="api-config">범위</label>
<input disabled type="number" class="input" id="max-distance" placeholder="0~1000" min="0" max="1000"/>
</div>
<div class = "group-y">
<label for="api" class="api-config">볼륨</label>
<input disabled type="number" class="input" id="volume" placeholder="0.05~1" min="0.05" max="1" step="0.01"/>
</div>
</div>
</div>
</div>
<div class="music-wrap">
<form class = "download-btn-group" id="download-btn-group">
<input disabled type="button" class="button music-set" value="배경음악 설정" id="bgm-set" />
<input disabled type="button" class="button music-delete" value="배경음악 삭제" id="bgm-delete" />
</form>
</div>
</div>
</form>
<iframe class="coupang" src="https://ads-partners.coupang.com/widgets.html?id=555011&template=carousel&trackingCode=AF8104485&subId=&width=680&height=140" width="680" height="140" frameborder="0" scrolling="no" referrerpolicy="unsafe-url"></iframe> -->
</article>
</section>
<script
src="https://code.jquery.com/jquery-3.2.1.slim.min.js"
integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN"
crossorigin="anonymous"
></script>
<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>
<script src="https://unpkg.com/axios/dist/axios.min.js"></script>
<script type="module" src="./js/music.js"></script>
<script type="module" src="./js/util.js"></script>
<body>
</html>