lavender
/
watch-party
7
4
Fork 5
Code Issues Pull Requests 1 Projects Releases Wiki Activity

Compare commits

base: lavender:b3d2e7c568fdd7ee92da8d09238089897c11ee2e
Branches Tags
lavender:main
lavender:votekiss
lavender:experimental
...
compare: lavender:1655484d89e6f60cef2cd63b73cb68f82cd71ab0
Branches Tags
lavender:main
lavender:votekiss
lavender:experimental

3 Commits
b3d2e7c568 ... 1655484d89

Author SHA1 Message Date
Charlotte Som 1655484d89 Update cache busting tag 2022-02-17 06:25:54 +00:00
Charlotte Som 19ef7911ae Make the chatbox take up more space in the vertical layout 2022-02-17 06:24:52 +00:00
Charlotte Som ed953facb3 Don't setActionHandler with skipad 
Chrome does not support the 'skipad' action, and it's not like we're
really doing anything on a media event for that anyways, so we're just
removing it here.
 2022-02-17 06:17:16 +00:00
10 changed files with 19 additions and 16 deletions
Show Stats Expand all files Collapse all files

4
frontend/create.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>watch party :D</title> <title>watch party :D</title>
<link rel="stylesheet" href="/styles.css?v=1e57e6" /> <link rel="stylesheet" href="/styles.css?v=19ef791" />
</head> </head>
<body> <body>
@ -47,6 +47,6 @@
</form> </form>
</div> </div>
<script type="module" src="/create.mjs?v=1e57e6"></script> <script type="module" src="/create.mjs?v=19ef791"></script>
</body> </body>
</html> </html>

2
frontend/create.mjs
View File

@ -1,4 +1,4 @@
import { setupCreateSessionForm } from "./lib/create-session.mjs?v=1e57e6"; import { setupCreateSessionForm } from "./lib/create-session.mjs?v=19ef791";
const main = () => { const main = () => {
setupCreateSessionForm(); setupCreateSessionForm();

4
frontend/index.html
View File

@ -3,7 +3,7 @@
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<title>watch party :D</title> <title>watch party :D</title>
<link rel="stylesheet" href="/styles.css?v=1e57e6" /> <link rel="stylesheet" href="/styles.css?v=19ef791" />
</head> </head>
<body> <body>
@ -64,6 +64,6 @@
</form> </form>
</div> </div>
<script type="module" src="/main.mjs?v=1e57e6"></script> <script type="module" src="/main.mjs?v=19ef791"></script>
</body> </body>
</html> </html>

4
frontend/lib/chat.mjs
View File

@ -2,8 +2,8 @@ import {
setDebounce, setDebounce,
setVideoTime, setVideoTime,
setPlaying, setPlaying,
} from "./watch-session.mjs?v=1e57e6"; } from "./watch-session.mjs?v=19ef791";
import { emojify, emojis } from "./emojis.mjs?v=1e57e6"; import { emojify, emojis } from "./emojis.mjs?v=19ef791";
function setCaretPosition(elem, caretPos) { function setCaretPosition(elem, caretPos) {
if (elem.createTextRange) { if (elem.createTextRange) {

2
frontend/lib/create-session.mjs
View File

@ -1,4 +1,4 @@
import { createSession } from "./watch-session.mjs?v=1e57e6"; import { createSession } from "./watch-session.mjs?v=19ef791";
export const setupCreateSessionForm = () => { export const setupCreateSessionForm = () => {
const form = document.querySelector("#create-session-form"); const form = document.querySelector("#create-session-form");

2
frontend/lib/join-session.mjs
View File

@ -1,4 +1,4 @@
import { joinSession } from "./watch-session.mjs?v=1e57e6"; import { joinSession } from "./watch-session.mjs?v=19ef791";
/** /**
* @param {HTMLInputElement} field * @param {HTMLInputElement} field

2
frontend/lib/video.mjs
View File

@ -109,7 +109,6 @@ const createVideoElement = (videoUrl, subtitles) => {
navigator.mediaSession.setActionHandler("seekto", null); navigator.mediaSession.setActionHandler("seekto", null);
navigator.mediaSession.setActionHandler("previoustrack", null); navigator.mediaSession.setActionHandler("previoustrack", null);
navigator.mediaSession.setActionHandler("nexttrack", null); navigator.mediaSession.setActionHandler("nexttrack", null);
navigator.mediaSession.setActionHandler("skipad", null);
} else { } else {
// disable media button support by ignoring the events // disable media button support by ignoring the events
navigator.mediaSession.setActionHandler("play", () => {}); navigator.mediaSession.setActionHandler("play", () => {});
@ -120,7 +119,6 @@ const createVideoElement = (videoUrl, subtitles) => {
navigator.mediaSession.setActionHandler("seekto", () => {}); navigator.mediaSession.setActionHandler("seekto", () => {});
navigator.mediaSession.setActionHandler("previoustrack", () => {}); navigator.mediaSession.setActionHandler("previoustrack", () => {});
navigator.mediaSession.setActionHandler("nexttrack", () => {}); navigator.mediaSession.setActionHandler("nexttrack", () => {});
navigator.mediaSession.setActionHandler("skipad", () => {});
} }
return; return;
} }

4
frontend/lib/watch-session.mjs
View File

@ -1,9 +1,9 @@
import { setupVideo } from "./video.mjs?v=1e57e6"; import { setupVideo } from "./video.mjs?v=19ef791";
import { import {
setupChat, setupChat,
logEventToChat, logEventToChat,
updateViewerList, updateViewerList,
} from "./chat.mjs?v=1e57e6"; } from "./chat.mjs?v=19ef791";
import ReconnectingWebSocket from "./reconnecting-web-socket.mjs"; import ReconnectingWebSocket from "./reconnecting-web-socket.mjs";
/** /**

2
frontend/main.mjs
View File

@ -1,4 +1,4 @@
import { setupJoinSessionForm } from "./lib/join-session.mjs?v=1e57e6"; import { setupJoinSessionForm } from "./lib/join-session.mjs?v=19ef791";
const main = () => { const main = () => {
setupJoinSessionForm(); setupJoinSessionForm();

9
frontend/styles.css
View File

@ -49,7 +49,7 @@ video {
} }
#video-container { #video-container {
flex-grow: 1; flex-grow: 0;
flex-shrink: 1; flex-shrink: 1;
display: none; display: none;
} }
@ -233,7 +233,7 @@ button.small-button {
#chatbox-container { #chatbox-container {
background-color: var(--bg); background-color: var(--bg);
flex-direction: column; flex-direction: column;
flex-grow: 0; flex-grow: 1;
flex-shrink: 1; flex-shrink: 1;
flex-basis: 55ch; flex-basis: 55ch;
overflow: hidden; overflow: hidden;
@ -329,6 +329,11 @@ input[type="color"]::-webkit-color-swatch-wrapper {
#chatbox-container { #chatbox-container {
height: 100vh !important; height: 100vh !important;
flex-grow: 0;
}
#video-container {
flex-grow: 1;
} }
#chatbox { #chatbox {