commit f1a254457703106ae621e9bd5dc61506721718ac
parent 378c865761b9b7bacfaed7d0837e9211d69b63da
Author: Minerva_juppiter <94231606+minerva-jupiter@users.noreply.github.com>
Date: Wed, 19 Mar 2025 00:52:35 +0900
Dev (#14)
* deploy album list & bind player for queue.
* use interval!!!
* routerを本番仕様に変更
* router /player was deleted
* make queue can control player
* install roop button
* deploy queue in player
* add small player -dev (#12)
* add small player -dev
* deploy album list & bind player for queue. (#9)
* Dev (#10)
* deploy album list & bind player for queue.
* use interval!!!
* Dev (#11)
* deploy album list & bind player for queue.
* use interval!!!
* routerを本番仕様に変更
* router /player was deleted
* make queue can control player
* install roop button
* deploy queue in player
---------
Co-authored-by: Minerva_juppiter
* Dev 5 (#13)
* add small player
* ｍonospaced time font
* removed not using songname
* deploy album art
---------
Co-authored-by: Sunny <122193933+Sunny-JP@users.noreply.github.com>
Diffstat:
4 files changed, 49 insertions(+), 3 deletions(-)
diff --git a/public/AlbumArts/Featured_Original_Soundtrack.png b/public/AlbumArts/Featured_Original_Soundtrack.png
Binary files differ.
diff --git a/src/assets/AlbumsList.json b/src/assets/AlbumsList.json
@@ -35,5 +35,50 @@
"videoId": "L_jWHffIx5E"
}
]
+ },
+ {
+ "albumArt": "/AlbumArts/Featured_Original_Soundtrack.png",
+ "albumTitle": {
+ "ja": "原神OST(公式)",
+ "en": "Genshin-OST(Official)"
+ },
+ "songs":[
+ {
+ "title":{
+ "ja": "スペシャルEP「幽谷の舟唄」"
+ },
+ "videoId": "QK7ZG2JXYB4"
+ },
+ {
+ "title":{
+ "ja":"輝く星星Vol.5"
+ },
+ "videoId": "rnQvbUSf1TM"
+ },
+ {
+ "title":{
+ "ja":"流星の奇跡Vol.3"
+ },
+ "videoId":"q6V8_s7F-1A"
+ },
+ {
+ "title":{
+ "ja": "真珠の歌4 集う光彩"
+ },
+ "videoId": "a657IulU7g0"
+ },
+ {
+ "title":{
+ "ja":"真珠の歌4 言葉なき歌"
+ },
+ "videoId": "8Is8VZ7kXCc"
+ },
+ {
+ "title":{
+ "ja":"真珠の歌 真夏の歌"
+ },
+ "videoId": "5Xj4cxvNxkk"
+ }
+ ]
}
]
\ No newline at end of file
diff --git a/src/components/AlbumList.vue b/src/components/AlbumList.vue
@@ -1,12 +1,15 @@
<script setup lang="ts">
import AlbumList from '../assets/AlbumsList.json';
import queue, { type Queue } from '../queue';
+
+let albumArtsPath = '/public/AlbumArts/default.png';
function add_play_album(albumIndex: number) {
console.log("The Album will play! The Album index is " + albumIndex);
const albumSongList: Queue[] = AlbumList[albumIndex].songs.map((songs) => {
const queueinter: Queue = {videoId: songs.videoId, SongName: songs.title.ja}
return queueinter;});
queue.add_album(albumSongList,AlbumList[albumIndex].albumTitle.ja);// *.ja will change depends on using languare
+ albumArtsPath = "/public/AlbumArts/"+AlbumList[albumIndex].albumArt;
}
</script>
@@ -17,6 +20,7 @@ function add_play_album(albumIndex: number) {
<div v-for="(AlbumList, index) in AlbumList">
<button
v-on:click="add_play_album(index)" class="button_album">
+ <img :src=AlbumList.albumArt alt="" sizes="" srcset="">
AlbumTitle: {{ AlbumList.albumTitle.ja }}
</button>
</div>
diff --git a/src/components/Player.vue b/src/components/Player.vue
@@ -134,9 +134,6 @@ const renderKey = queue.get_playerRenderKey();
</div>
<div class="album">{{albumTitle}}</div>
<div class="time_container">
- <div v-for="(, index) in queue.get_queueTitleList()">
- #{{ index }}
- </div>
<div class="nowtime">{{ formattedNowTime }}</div>
<div class="endtime">{{ formattedEndTime }}</div>
</div>
