Navy.gif/owncast
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity
a67e938875
owncast/webroot/index.html

114 lines
5.5 KiB
HTML
Raw Normal View History

chat fixes v3 or 5 or 123 (#168) * only consider short-heights when not smallscreen; hide status bar when small screen, but leave shadow; * fix max char counting bugs with paste, yet be still be able to use modifier keys even when max chars reached * rmeove 'chat' button; move into textarea * use image for emoji picker for sizing consitency * cleanup unused things * - totally unecessary emoji picker style improvements - totally necessary doctype added to emoji picker so it shows up more stable-y on mobile views * more stable layout positioning for chat panel without hacky margins, so that the bottom of the message list will always be on top of the form input, and not behind it at any point. * hide header on touch screens when screns are small and screen height is short (possibly when keyboard is up), so that there's more visibliity to see messages. this only works on chrome, not ios safari right now, due to the position: fixed of things. * move char counting to keyup instead * address message text horiz overflow (#157) * dont jumpToBottom if user has scrolled about 200px from the bottom (#101) * scroll to bottom on resize too * cleanup * revert test bool * typo * re-readjust short-wide case again * - add focus to input field after emoji is selected, put cursor at end - instead of smooth scrolling to bottom, just jump there.
2020-09-22 05:11:09 +02:00
<!DOCTYPE html>
linty stuff
2020-10-03 22:50:08 +02:00
<html lang="en">
rename standalone assets so they're easier to find
2020-08-24 04:38:58 +02:00
<head>
linty stuff
2020-10-03 22:50:08 +02:00
<title>Owncast</title>
rename standalone assets so they're easier to find
2020-08-24 04:38:58 +02:00
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=0"/>
<link rel="apple-touch-icon" sizes="57x57" href="/img/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="/img/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="/img/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="/img/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="/img/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="/img/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="/img/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="/img/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="/img/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="/img/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="/img/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="/img/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="/img/favicon/favicon-16x16.png">
<link rel="manifest" href="/manifest.json">
Preload preact, emoji. Defer some js. (#162)
2020-09-20 19:03:54 +02:00
rename standalone assets so they're easier to find
2020-08-24 04:38:58 +02:00
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="/img/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
Move all remote dependencies to be local (#220) * Experiment with javascript bundling * Experiment with snowpack. Making progress * Success! Uses local js modules and assets and no cdns * Missing local css
2020-10-05 03:43:31 +02:00
<link href="/js/web_modules/tailwindcss/dist/tailwind.min.css" rel="stylesheet" />
rename standalone assets so they're easier to find
2020-08-24 04:38:58 +02:00
HLS video handling/storage/state refactor (#151) * WIP with new transcoder progress monitor * A whole different WIP in progress monitoring via local PUTs * Use an actual hls playlist parser to rewrite master playlist * Cleanup * Private vs public path for thumbnail generation * Allow each storage provider to make decisions of how to store different types of files * Simplify inbound file writes * Revert * Split out set stream as connected/disconnected state methods * Update videojs * Add comment about the hls handler * Rework of the offline stream state. For #85 * Delete old unreferenced video segment files from disk * Cleanup all segments and revert to a completely offline state after 5min * Stop thumbnail generation on stream stop. Copy logo to thumbnail on cleanup. * Update transcoder test * Add comment * Return http 200 on success to transcoder. Tweak how files are written to disk * Force pixel color format in transcoder * Add debugging info for S3 transfers. Add default ACL. * Fix cleanup timer * Reset session stats when we cleanup the session. * Put log file back * Update test * File should not be a part of this commit * Add centralized shared performance timer for use anywhere * Post-rebase cleanup * Support returning nil from storage provider save * Updates to reflect package changes + other updates in master * Fix storage providers being overwritten * Do not return pointer in save. Support cache headers with S3 providers * Split out videojs + vhs and point to specific working versions of them * Bump vjs and vhs versions * Fix test * Remove unused * Update upload warning message * No longer valid comment * Pin videojs and vhs versions
2020-10-14 23:07:38 +02:00
<link href="/js/web_modules/videojs/video-js.min.css" rel="stylesheet"/>
Move all remote dependencies to be local (#220) * Experiment with javascript bundling * Experiment with snowpack. Making progress * Success! Uses local js modules and assets and no cdns * Missing local css
2020-10-05 03:43:31 +02:00
<link href="/js/web_modules/@videojs/themes/fantasy/index.css" rel="stylesheet" />
address MR comments
2020-08-26 09:51:40 +02:00
rename standalone assets so they're easier to find
2020-08-24 04:38:58 +02:00
<link href="./styles/video.css" rel="stylesheet" />
<link href="./styles/chat.css" rel="stylesheet" />
<link href="./styles/user-content.css" rel="stylesheet" />
fix responsive styles
2020-08-24 12:30:42 +02:00
<link href="./styles/app.css" rel="stylesheet" />
<script type="module" ...> tags to reduce round trips under HTTP/2 (#745)
2021-02-22 03:09:04 +01:00
<!-- The following script tags are not required for the app to run,
however they will make it load a lot faster (fewer round trips) when HTTP/2 is used.
If you wish to re-generate this list, run the following shell command
(assuming a linux or unix-ish system):
find webroot | grep -E '\.js$' | sed -E 's|webroot(.*)|<script type="module" src="\1"></script>|'
-->
<script type="module" src="/js/app.js"></script>
<script type="module" src="/js/app-standalone-chat.js"></script>
<script type="module" src="/js/app-video-only.js"></script>
<script type="module" src="/js/components/chat/chat-input.js"></script>
<script type="module" src="/js/components/chat/chat.js"></script>
<script type="module" src="/js/components/chat/chat-message-view.js"></script>
<script type="module" src="/js/components/chat/content-editable.js"></script>
<script type="module" src="/js/components/chat/message.js"></script>
<script type="module" src="/js/components/chat/username.js"></script>
<script type="module" src="/js/components/platform-logos-list.js"></script>
<script type="module" src="/js/components/player.js"></script>
<script type="module" src="/js/components/video-poster.js"></script>
<script type="module" src="/js/utils/chat.js"></script>
<script type="module" src="/js/utils/constants.js"></script>
<script type="module" src="/js/utils/helpers.js"></script>
<script type="module" src="/js/utils/user-colors.js"></script>
<script type="module" src="/js/utils/websocket.js"></script>
<script type="module" src="/js/web_modules/common/_commonjsHelpers-37fa8da4.js"></script>
<script type="module" src="/js/web_modules/common/core-d14f1e1c.js"></script>
<script type="module" src="/js/web_modules/common/core-fed3ccd8.js"></script>
<script type="module" src="/js/web_modules/htm.js"></script>
<script type="module" src="/js/web_modules/@joeattardi/emoji-button.js"></script>
<script type="module" src="/js/web_modules/@justinribeiro/lite-youtube.js"></script>
<script type="module" src="/js/web_modules/markjs/dist/mark.es6.min.js"></script>
<script type="module" src="/js/web_modules/preact.js"></script>
<script type="module" src="/js/web_modules/@videojs/http-streaming/dist/videojs-http-streaming.min.js"></script>
<script type="module" src="/js/web_modules/videojs/core.js"></script>
rename standalone assets so they're easier to find
2020-08-24 04:38:58 +02:00
</head>
Move all remote dependencies to be local (#220) * Experiment with javascript bundling * Experiment with snowpack. Making progress * Success! Uses local js modules and assets and no cdns * Missing local css
2020-10-05 03:43:31 +02:00
chat fixes v3 or 5 or 123 (#168) * only consider short-heights when not smallscreen; hide status bar when small screen, but leave shadow; * fix max char counting bugs with paste, yet be still be able to use modifier keys even when max chars reached * rmeove 'chat' button; move into textarea * use image for emoji picker for sizing consitency * cleanup unused things * - totally unecessary emoji picker style improvements - totally necessary doctype added to emoji picker so it shows up more stable-y on mobile views * more stable layout positioning for chat panel without hacky margins, so that the bottom of the message list will always be on top of the form input, and not behind it at any point. * hide header on touch screens when screns are small and screen height is short (possibly when keyboard is up), so that there's more visibliity to see messages. this only works on chrome, not ios safari right now, due to the position: fixed of things. * move char counting to keyup instead * address message text horiz overflow (#157) * dont jumpToBottom if user has scrolled about 200px from the bottom (#101) * scroll to bottom on resize too * cleanup * revert test bool * typo * re-readjust short-wide case again * - add focus to input field after emoji is selected, put cursor at end - instead of smooth scrolling to bottom, just jump there.
2020-09-22 05:11:09 +02:00
<body class="scrollbar-hidden bg-gray-300 text-gray-800">
address MR comments
2020-08-26 09:51:40 +02:00
<div id="app"></div>
set up components and icons for optional creator's social pages; add airplay icon
2020-06-21 08:41:13 +02:00
address MR comments
2020-08-26 09:51:40 +02:00
<script type="module">
Move all remote dependencies to be local (#220) * Experiment with javascript bundling * Experiment with snowpack. Making progress * Success! Uses local js modules and assets and no cdns * Missing local css
2020-10-05 03:43:31 +02:00
import { h, render } from '/js/web_modules/preact.js';
import htm from '/js/web_modules/htm.js';
const html = htm.bind(h);
address MR comments
2020-08-26 09:51:40 +02:00
import App from './js/app.js';
rename standalone assets so they're easier to find
2020-08-24 04:38:58 +02:00
render(html`<${App} />`, document.getElementById("app"));
address MR comments
2020-08-26 09:51:40 +02:00
</script>
Merge of emoji + autolink + embed + etc (#108) * Add an emoji picker to chat * Update to the custom emoji picker and add first pass at using custom emoji in text box * Add custom emoji endpoint and use it in the app * Position the emoji picker * Handle events from the text input * pair down the number of party parrots * Size emoji in chat and input * Add new custom emoji * Add OMQ stickers as custom emoji * Show custom category for emoji picker by default * update omq emojis * Document basic supported markdown syntax. Closes #95 * Websocket refactor: Pull it out of the UI and support callbacks (#104) * Websocket refactor: Pull it out of the UI and support listeners * Changes required for Safari to be happy with modules * Move to explicit ad-hoc callback registration * Add an emoji picker to chat * Update to the custom emoji picker and add first pass at using custom emoji in text box * Handle events from the text input * Rebuild autolinking + embed handling for #93 * Re-enable disabling chat * Document basic supported markdown syntax. Closes #95 * Document basic supported markdown syntax. Closes #95 * Add an emoji picker to chat * Merge emoji and embeds. * Merge emoji + embed branches. Rework autolink +embeds. WIP for username highlighting for #100 * More updates to chat text formatting/embedding/linking * Fix username autocomplete to work with div instead of form elements * Post-rebase fixes + tweaks * Disable text input by setting contentEditable = false * Remove test that hardcodes pointing to public test server * Fix re-enable chat with the contentEditable input div * Style and fix the fake placeholder text in the input div * Missing file. Were did it go? * Set a height for instagram embeds * Cleanup Co-authored-by: Ginger Wong <omqmail@gmail.com>
2020-08-13 06:56:41 +02:00
address MR comments
2020-08-26 09:51:40 +02:00
<noscript>
<style>
.noscript {
text-align: center;
padding: 30px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
rename standalone assets so they're easier to find
2020-08-24 04:38:58 +02:00
address MR comments
2020-08-26 09:51:40 +02:00
.noscript a {
display: inline;
color: blue;
text-decoration: underline;
}
</style>
<div class="noscript">
<img src="https://owncast.online/images/logo.png" />
<br/>
<p>
linty stuff
2020-10-03 22:50:08 +02:00
This <a href="https://owncast.online" rel="noopener noreferrer" target="_blank">Owncast</a> stream requires Javascript to play.
address MR comments
2020-08-26 09:51:40 +02:00
</p>
</div>
</noscript>
</body>
Merge of emoji + autolink + embed + etc (#108) * Add an emoji picker to chat * Update to the custom emoji picker and add first pass at using custom emoji in text box * Add custom emoji endpoint and use it in the app * Position the emoji picker * Handle events from the text input * pair down the number of party parrots * Size emoji in chat and input * Add new custom emoji * Add OMQ stickers as custom emoji * Show custom category for emoji picker by default * update omq emojis * Document basic supported markdown syntax. Closes #95 * Websocket refactor: Pull it out of the UI and support callbacks (#104) * Websocket refactor: Pull it out of the UI and support listeners * Changes required for Safari to be happy with modules * Move to explicit ad-hoc callback registration * Add an emoji picker to chat * Update to the custom emoji picker and add first pass at using custom emoji in text box * Handle events from the text input * Rebuild autolinking + embed handling for #93 * Re-enable disabling chat * Document basic supported markdown syntax. Closes #95 * Document basic supported markdown syntax. Closes #95 * Add an emoji picker to chat * Merge emoji and embeds. * Merge emoji + embed branches. Rework autolink +embeds. WIP for username highlighting for #100 * More updates to chat text formatting/embedding/linking * Fix username autocomplete to work with div instead of form elements * Post-rebase fixes + tweaks * Disable text input by setting contentEditable = false * Remove test that hardcodes pointing to public test server * Fix re-enable chat with the contentEditable input div * Style and fix the fake placeholder text in the input div * Missing file. Were did it go? * Set a height for instagram embeds * Cleanup Co-authored-by: Ginger Wong <omqmail@gmail.com>
2020-08-13 06:56:41 +02:00
</html>
Reference in New Issue Copy Permalink