b38dea0597
Share Gaia assets and adapters, keep private profiles and development documents local, and update both public READMEs.
94 lines
6.7 KiB
HTML
94 lines
6.7 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en-US" dir="ltr">
|
|
<head>
|
|
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1">
|
|
<meta charset="utf-8">
|
|
<meta name="theme-color" content="#242d33">
|
|
<title>Music OGA</title>
|
|
<link rel="stylesheet" href="style/music.css" type="text/css">
|
|
<!-- Include shared building blocks -->
|
|
<link rel="stylesheet" type="text/css" href="shared/style/status.css">
|
|
<link rel="stylesheet" type="text/css" href="shared/style/progress_activity.css">
|
|
<!-- Localization -->
|
|
<meta name="defaultLanguage" content="en-US">
|
|
<meta name="availableLanguages" content="ar:201601260730, bg:201601260730, bn-BD:201601260730, ca:201601260730, cs:201601260730, da:201601260730, de:201601260730, el:201601260730, en-US:201601260730, es:201601260730, eu:201601260730, fr:201601260730, gl:201601260730, hr:201601260730, hu:201601260730, it:201601260730, ja:201601260730, km:201601260730, ko:201601260730, lt:201601260730, mk:201601260730, ms:201601260730, ne-NP:201601260730, nl:201601260730, pa:201601260730, pl:201601260730, pt-BR:201601260730, ro:201601260730, ru:201601260730, sk:201601260730, sq:201601260730, sr-Cyrl:201601260730, sr-Latn:201601260730, sv-SE:201601260730, tr:201601260730, zh-CN:201601260730, zh-TW:201601260730">
|
|
<link rel="localization" href="/locales-obj/open.{locale}.json">
|
|
|
|
|
|
<link rel="stylesheet" type="text/css" href="shared/elements/gaia-theme/gaia-theme.css">
|
|
<link rel="stylesheet" type="text/css" href="shared/elements/gaia-icons/gaia-icons.css">
|
|
|
|
<!-- Shared code -->
|
|
<!-- <script type="text/javascript" src="shared/js/l10n.js"></script> -->
|
|
<!-- <script type="text/javascript" src="shared/js/device_storage/get_storage_if_available.js"></script> -->
|
|
<!-- <script type="text/javascript" src="shared/js/device_storage/get_unused_filename.js"></script> --><script src="./gaia_build_open.js" type="text/javascript"></script>
|
|
<!-- <script type="text/javascript" defer="" src="shared/js/lazy_loader.js"></script> -->
|
|
<!-- <script type="text/javascript" defer="" src="shared/js/mime_mapper.js"></script> -->
|
|
<!-- <script type="text/javascript" defer="" src="shared/js/async_storage.js"></script> -->
|
|
<!-- <script type="text/javascript" defer="" src="shared/js/image_utils.js"></script> -->
|
|
<!-- <script type="text/javascript" defer="" src="shared/js/font_size_utils.js"></script> -->
|
|
|
|
<!-- Web components -->
|
|
<!-- <script defer="" src="shared/elements/gaia-header/dist/gaia-header.js"></script> -->
|
|
|
|
<!-- Specific code -->
|
|
<!-- <script type="text/javascript" defer="" src="js/metadata_scripts.js"></script> -->
|
|
<!-- <script type="text/javascript" defer="" src="js/metadata/album_art_cache.js"></script> -->
|
|
<!-- <script type="text/javascript" defer="" src="js/utils.js"></script> -->
|
|
<!-- <script type="text/javascript" defer="" src="js/queue.js"></script> -->
|
|
<!-- <script type="text/javascript" defer="" src="js/ui/views/player_view.js"></script> -->
|
|
<!-- <script type="text/javascript" defer="" src="js/open.js"></script> --><script src="./gaia_build_defer_open.js" defer="" type="text/javascript"></script>
|
|
<meta content="2.5" name="appVersion"></head>
|
|
|
|
<body role="application" class="theme-media">
|
|
<section id="title" role="region" class="skin-dark">
|
|
<gaia-header id="header" action="back">
|
|
<h1 id="title-text"><bdi></bdi></h1>
|
|
<button id="title-save" data-l10n-id="save" hidden="">Save</button>
|
|
</gaia-header>
|
|
</section>
|
|
<div id="views">
|
|
<div id="views-player" class="view open-mode">
|
|
<div id="player-cover">
|
|
<!-- We have two cover image elements so we can crossfade between
|
|
album art (though this really only matters for index.html). -->
|
|
<div id="player-cover-image-1" class="cover-image visible"></div>
|
|
<div id="player-cover-image-2" class="cover-image"></div>
|
|
<div id="player-cover-caption">
|
|
<div id="player-cover-artist"><bdi data-l10n-id="songArtist">Song artist</bdi></div>
|
|
<div id="player-cover-album"><bdi data-l10n-id="songAlbum">Song album</bdi></div>
|
|
</div>
|
|
<div id="player-cover-buttons" hidden="">
|
|
<button aria-label="Repeat off" id="player-album-repeat" data-l10n-id="repeat-off" class="player-cover-button repeat-list" data-icon="repeat" disabled=""></button>
|
|
<div aria-label="Rating" id="player-album-rating" data-l10n-id="player-album-rating" role="radiogroup">
|
|
<button aria-label="1 stars" class="rating-star" data-rating="1" disabled="" role="radio" data-l10n-id="rating-star" data-l10n-args="{"n":"1"}"></button>
|
|
<button aria-label="2 stars" class="rating-star" data-rating="2" disabled="" role="radio" data-l10n-id="rating-star" data-l10n-args="{"n":"2"}"></button>
|
|
<button aria-label="3 stars" class="rating-star" data-rating="3" disabled="" role="radio" data-l10n-id="rating-star" data-l10n-args="{"n":"3"}"></button>
|
|
<button aria-label="4 stars" class="rating-star" data-rating="4" disabled="" role="radio" data-l10n-id="rating-star" data-l10n-args="{"n":"4"}"></button>
|
|
<button aria-label="5 stars" class="rating-star" data-rating="5" disabled="" role="radio" data-l10n-id="rating-star" data-l10n-args="{"n":"5"}"></button>
|
|
</div>
|
|
<button aria-label="Shuffle" id="player-album-shuffle" class="player-cover-button shuffle-on" data-icon="shuffle" disabled="" data-l10n-id="shuffle-toggle"></button>
|
|
</div>
|
|
</div>
|
|
<div id="player-seek" role="slider" aria-valuemin="0">
|
|
<span id="player-seek-elapsed">00:00</span>
|
|
<div id="player-seek-bar">
|
|
<progress id="player-seek-bar-progress" value="0"></progress>
|
|
<div id="player-seek-bar-indicator"></div>
|
|
</div>
|
|
<span id="player-seek-remaining">00:00</span>
|
|
</div>
|
|
<div id="player-controls" dir="ltr">
|
|
<button aria-label="Previous" id="player-controls-previous" data-l10n-id="playbackPrevious" class="player-controls-button" data-icon="skip-back" disabled=""></button>
|
|
<button aria-label="Play" id="player-controls-play" data-l10n-id="playbackPlay" class="player-controls-button is-pause" data-icon="pause"></button>
|
|
<button aria-label="Next" id="player-controls-next" data-l10n-id="playbackNext" class="player-controls-button" data-icon="skip-forward" disabled=""></button>
|
|
</div>
|
|
<audio id="player-audio" class="hidden"></audio>
|
|
</div>
|
|
<section id="banner" role="status" hidden="">
|
|
<p id="message"></p>
|
|
</section>
|
|
</div>
|
|
</body>
|
|
|
|
</html>
|