audio player component loaded

2025-03-28 13:13:41 -05:00
parent 0e22c25149
commit 307aa09640
4 changed files with 7 additions and 9 deletions
@@ -7,7 +7,7 @@
    <link rel="stylesheet" type="text/css" href="/node_modules/@picocss/pico/css/pico.min.css">
    <title>yellowjacket</title>
 </head>
-<script src="/index.js" type="module"></script>
+<script src="/index.ts" type="module"></script>

 <body>
    <header class="container">
@@ -42,7 +42,7 @@
    <main class="container">
    </main>
    <footer>
-        <player-controls></player-controls>
+        <audio-player></audio-player>
    </footer>
 </body>

@@ -1 +0,0 @@
-import '/src/components/audio-player/audio-player.js';
@@ -0,0 +1 @@
+import '@components/audio-player/audio-player.ts';
@@ -2,20 +2,18 @@ import { LitElement, html } from 'lit';
 import { customElement } from 'lit/decorators.js';
 import { Play } from '@go/player/Player';

-const audioPlayer = (text: string, disabled: boolean) => html`
-    <p>Welcome to the Lit tutorial!</p>
-    <h
+const audioPlayer = () => html`
+<h1>Hello World</h1>
 `;

-
@customElement('audio-player')
 export class AudioPlayer extends LitElement {

  render() {
-    return audioPlayer;
+    return audioPlayer();
  }

-  onPlayPauseButtonClick = function() {
+  onPlayPauseButtonClick()  {
    let playPauseButtonIcon = document.getElementById("playPauseButtonIcon");
    try {
      Play().then((result) => {
				`@@ -1 +0,0 @@`
				`import '/src/components/audio-player/audio-player.js';`
				`@@ -0,0 +1 @@`
				`import '@components/audio-player/audio-player.ts';`