emptyfm

Listen to your favorite FM Radio station from your browser.
Log | Files | Refs | README | LICENSE

commit 669e88595b81cce5694c163423d0a2b4992e4944
parent 9cea651555985d475f91e5b41770bc9a5972e4ac
Author: Nirmal Kumar R <tildezero@gmail.com>
Date:   Wed, 20 Mar 2024 15:25:02 +0530

Improvements on player ui

Diffstat:
A.gitignore | 2++
Mindex.html | 29+++++++++++++++++++++++------
2 files changed, 25 insertions(+), 6 deletions(-)

diff --git a/.gitignore b/.gitignore @@ -0,0 +1,2 @@ +# Local Netlify folder +.netlify diff --git a/index.html b/index.html @@ -3,6 +3,8 @@ <head> <meta charset=utf-8 /> <title>emptyfm - Listen to your favorite FM radio</title> + <link rel="shorcut icon" type="image/png" + href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF4SURBVHgB7Zj/jURQEMfH5f7cLWC3gG1AAwqgAA1QgAYoQAEUQAEUQAEKoAAK4P+7+74ccbJ7e/Eum4nMJ5H48cT7mJk3wTBN84MOwBsdBBHhhohwQ0S4ISLcEBFuiAg3RIQbhxF5p3/gfD6T67rkOA5dLhd1rus6yrKMyrJ8eu/pdFL70zTROI60B0P3C/F6vVKSJIvAlr7vyfd9Gobh7nXP89QGmqZRY/eglVrPJOYxiIxt23ev3263ZX9vNIBWan1F84dEURRU17WaENJsnjzSJwxDJZWm6TIex5ZlLceIyF60RNZvGRJRFNF6Um3bUhAEyzmkEO6BLOpiLQGqqqK9aIms0wKT25LnuRKK43iJHKKAhWELIvWojv6CVo1glcHDsT3Kb6xeKODfVi9IrFNuD8Yr/2uhppBOiA7EIQlBnSKfMY7yg04a4ow0xG+kIW6QhgikIW6QhrjiMA1Rvtm5ISLcEBFuiAg3RIQbIsINEeHGYUQ+AbWJ/va1HA5qAAAAAElFTkSuQmCC"> <link href="https://vjs.zencdn.net/8.10.0/video-js.css" rel="stylesheet" /> <style> body { @@ -70,6 +72,26 @@ #emptyfm { margin-left: 540px; + height: 30px !important; + } + + .video-js { + background: transparent; + } + + .vjs-control-bar { + position: absolute; + top: 0; + background-color: #555 !important; + } + + .vjs-has-started.vjs-user-inactive.vjs-playing .vjs-control-bar { + opacity: 1 !important; + } + + .vjs-big-play-button, + .vjs-loading-spinner { + display: none! important; } </style> </head> @@ -102,14 +124,9 @@ <video id="emptyfm" - class="video-js vjs-default-skin" - width="300px" - height="300px" + class="video-js" controls preload="auto" - poster="https://img.freepik.com/free-photo/radio-nature-concept_23-2150246091.jpg?w=740&t=st=1710837307~exp=1710837907~hmac=406857451731b48b11d0cb06346e6346e3891e5392c09cb977e77901e6432826" - autoplay="true" - muted="muted" data-setup="{}" > </video>