-
Notifications
You must be signed in to change notification settings - Fork 2
/
Copy pathindex.html
157 lines (139 loc) · 5.06 KB
/
index.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
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<script>
if ('serviceWorker' in navigator) {
navigator.serviceWorker.register('/sw.js').then(function (registration) {
console.log('install success', registration.scope);
}).catch(function (err) {
console.log(err);
});
}
window.addEventListener("message", e => {
if (e.data.type == 11 || e.data.type == 10) {
console.log(e.data);
document.querySelector("#MinimiseDefault").checked = e.data.data.MinimiseDefault;
document.querySelector("#PublicVideoRoom").checked = e.data.data.PublicVideoRoom;
document.querySelector("#DisableRedirectJoin").checked = e.data.data.DisableRedirectJoin;
document.querySelector("#PasswordProtectedRoom").checked = e.data.data.PasswordProtectedRoom;
}
});
</script>
<iframe style="display: none;" id="storage" src="https://storage.2gether.video/"></iframe>
<!-- Rectangular switch -->
<p>您当前使用的版本不再支持设置功能</p>
<p>你可以访问我们的主页 <a href="https://2gether.video/">https://2gether.video/</a> 获取更多信息</p>
<p>The version you are using no longer supports setting</p>
<p>You can visit our website <a href="https://2gether.video/">https://2gether.video/</a> to get more info</p>
<!-- <hr>
<label class="switch">
<input id="MinimiseDefault" type="checkbox">
<span class="slider round"></span>
</label>
<p class="switch_label">窗口默认最小化，可以通过点击右下角的小图标显示窗口</p>
<hr>
<label class="switch">
<input id="PublicVideoRoom" type="checkbox">
<span class="slider round"></span>
</label>
<p class="switch_label">我创建的房间默认公开，其他人可以通过主页的公开房间列表进入我的房间</p>
<hr>
<label class="switch">
<input id="DisableRedirectJoin" type="checkbox">
<span class="slider round"></span>
</label>
<p class="switch_label">加入房间时不要自动跳转，如果遇到一些视频链接无法正确跳转时，请开启这个选项。手动打开和房主相同的视频后再加入房间</p>
<hr>
<label class="switch">
<input id="PasswordProtectedRoom" type="checkbox">
<span class="slider round"></span>
</label>
<p class="switch_label">我创建的房间必须要密码才能加入，注意：其他人同样可以用相同的密码挤掉房主，分享密码前请确认对方值得信赖</p>
<hr> -->
<style>
.switch_label {
display: inline-block;
}
/* The switch - the box around the slider */
.switch {
position: relative;
display: inline-block;
width: 60px;
height: 34px;
}
/* Hide default HTML checkbox */
.switch input {
opacity: 0;
width: 0;
height: 0;
}
/* The slider */
.slider {
position: absolute;
cursor: pointer;
top: 0;
left: 0;
right: 0;
bottom: 0;
background-color: #ccc;
-webkit-transition: .4s;
transition: .4s;
}
.slider:before {
position: absolute;
content: "";
height: 26px;
width: 26px;
left: 4px;
bottom: 4px;
background-color: white;
-webkit-transition: .4s;
transition: .4s;
}
input:checked+.slider {
background-color: #2196F3;
}
input:focus+.slider {
box-shadow: 0 0 1px #2196F3;
}
input:checked+.slider:before {
-webkit-transform: translateX(26px);
-ms-transform: translateX(26px);
transform: translateX(26px);
}
/* Rounded sliders */
.slider.round {
border-radius: 34px;
}
.slider.round:before {
border-radius: 50%;
}
</style>
<script>
function checkBoxChanged(e) {
console.log(e.target.id);
document.querySelector("#storage").contentWindow.postMessage({
type: 12,
source: "VideoTogether",
data: {
key: e.target.id,
value: e.target.checked
}
}, "*")
}
document.querySelector("#MinimiseDefault").addEventListener("change", checkBoxChanged);
document.querySelector("#PublicVideoRoom").addEventListener("change", checkBoxChanged);
document.querySelector("#DisableRedirectJoin").addEventListener("change", checkBoxChanged);
document.querySelector("#PasswordProtectedRoom").addEventListener("change", checkBoxChanged);
let languages = {
"zh-cn": {
},
"en-us": {
}
}
</script>
</body>
</html>