apps/streamana
1
0
Fork 0
mirror of https://github.com/davedoesdev/streamana.git synced 2025-10-05 13:36:50 +08:00
Code Issues Actions Packages Projects Releases Wiki Activity

Hide ingestion URL when live on small screen

Browse Source
This commit is contained in:
David Halls
2021-07-29 21:46:35 +01:00
parent d91778b983
commit af9716df79
2 changed files with 5 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
site/example.html
View File

@@ -16,7 +16,7 @@
<span class="navbar-toggler-icon"></span> <span class="navbar-toggler-icon"></span>
</button> </button>
</div> </div>
<div class="col-sm order-3 order-sm-2"> <div class="col-sm order-3 order-sm-2 d-sm-block">
<input id="ingestion-url" type="text" class="form-control" placeholder="Ingestion URL"> <input id="ingestion-url" type="text" class="form-control" placeholder="Ingestion URL">
</div> </div>
<div class="col-sm col-auto order-2 order-sm-3 ms-auto"> <div class="col-sm col-auto order-2 order-sm-3 ms-auto">

6
site/example.js
View File

@@ -61,6 +61,7 @@ async function start() {
go_live_el.disabled = true; go_live_el.disabled = true;
ingestion_url_el.disabled = true; ingestion_url_el.disabled = true;
ingestion_url_el.parentNode.classList.add('d-none');
ffmpeg_lib_url_el.disabled = true; ffmpeg_lib_url_el.disabled = true;
lock_portrait_el.disabled = true; lock_portrait_el.disabled = true;
zoom_portrait_el.disabled = true; zoom_portrait_el.disabled = true;
@@ -115,6 +116,7 @@ async function start() {
go_live_el.checked = false; go_live_el.checked = false;
go_live_el.disabled = false; go_live_el.disabled = false;
ingestion_url_el.disabled = false; ingestion_url_el.disabled = false;
ingestion_url_el.parentNode.classList.remove('d-none');
ffmpeg_lib_url_el.disabled = false; ffmpeg_lib_url_el.disabled = false;
lock_portrait_el.disabled = false; lock_portrait_el.disabled = false;
zoom_portrait_el.disabled = lock_portrait_el.checked; zoom_portrait_el.disabled = lock_portrait_el.checked;
@@ -271,8 +273,8 @@ async function start() {
canvas_el.style.width = canvas_el_parent.parentNode.offsetWidth; canvas_el.style.width = canvas_el_parent.parentNode.offsetWidth;
canvas_el.style.height = canvas_el_parent.parentNode.offsetWidth / ar_canvas; canvas_el.style.height = canvas_el_parent.parentNode.offsetWidth / ar_canvas;
} }
// TODO: responsive including top section // TODO:
// hide ingestion url when live and small? // still if click stop too soon get error
// windows, android, iOS, find a mac to test // windows, android, iOS, find a mac to test
// check behaviour when rotate phone // check behaviour when rotate phone
} }