yonlu/yellowjacket
1
1
Fork 0
Code Issues 52 Pull Requests 4 Actions Packages Projects Releases 12 Wiki Activity

audio player component loaded

Browse Source
This commit is contained in:
logan
2025-03-28 13:13:41 -05:00
parent 0e22c25149
commit 307aa09640
4 changed files with 7 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/index.html
+2 -2
View File
@@ -7,7 +7,7 @@
<link rel="stylesheet" type="text/css" href="/node_modules/@picocss/pico/css/pico.min.css"> <link rel="stylesheet" type="text/css" href="/node_modules/@picocss/pico/css/pico.min.css">
<title>yellowjacket</title> <title>yellowjacket</title>
</head> </head>
<script src="/index.js" type="module"></script> <script src="/index.ts" type="module"></script>
<body> <body>
<header class="container"> <header class="container">
@@ -42,7 +42,7 @@
<main class="container"> <main class="container">
</main> </main>
<footer> <footer>
<player-controls></player-controls> <audio-player></audio-player>
</footer> </footer>
</body> </body>
frontend/index.js
-1
View File
@@ -1 +0,0 @@
import '/src/components/audio-player/audio-player.js';
frontend/index.ts
+1
View File
@@ -0,0 +1 @@
import '@components/audio-player/audio-player.ts';
frontend/src/components/audio-player/audio-player.ts
+4 -6
View File
@@ -2,20 +2,18 @@ import { LitElement, html } from 'lit';
import { customElement } from 'lit/decorators.js'; import { customElement } from 'lit/decorators.js';
import { Play } from '@go/player/Player'; import { Play } from '@go/player/Player';
const audioPlayer = (text: string, disabled: boolean) => html` const audioPlayer = () => html`
<p>Welcome to the Lit tutorial!</p> <h1>Hello World</h1>
<h
`; `;
@customElement('audio-player') @customElement('audio-player')
export class AudioPlayer extends LitElement { export class AudioPlayer extends LitElement {
render() { render() {
return audioPlayer; return audioPlayer();
} }
onPlayPauseButtonClick = function() { onPlayPauseButtonClick() {
let playPauseButtonIcon = document.getElementById("playPauseButtonIcon"); let playPauseButtonIcon = document.getElementById("playPauseButtonIcon");
try { try {
Play().then((result) => { Play().then((result) => {