1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
|
<?php
// index.php — Minimaler WMPlayer wrapper (nur Widget)
?>
<!doctype html>
<html lang="de">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1" />
<title>WMPlayer — Nur Player Widget</title>
<!-- WMPlayer CSS (lokal oder anpassen) -->
<link rel="stylesheet" href="WMPlayer/dist/WMPlayer.css" />
<!-- Optionale kleine Styles, damit nur der Player sichtbar ist -->
<style>
html,body{height:100%;margin:0;font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial;}
/* zentriert den Player auf der Seite */
.page-wrap{height:100%;display:flex;align-items:center;justify-content:center;background:#fafafa;}
/* Player-Container: nur die eigentliche Player-UI anzeigen */
#player{max-width:80%;}
/* Verberge eventuelle Editor/Config-Elemente falls vorhanden */
.wmplayer-config, .wmplayer-settings, .wmplayer-editor { display: none !important; }
</style>
</head>
<body>
<div class="page-wrap">
<div id="player"></div>
</div>
<!-- jQuery (WMPlayer unterstützt jQuery-init; falls du pure JS bevorzugst, kann das angepasst werden) -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<!-- WMPlayer JS (lokal oder anpassen) -->
<script src="WMPlayer/dist/WMPlayer.min.js"></script>
<script>
// Initialisierung: nur das Player-Widget, keine Konfigurationsmasken.
// Fügt Beispiel-Tracks hinzu — ersetze die URLs/Titel/Dauer nach Bedarf.
(function($){
$(function(){
// Erstelle Player im #player-Container mit Standard-Theme
$('#player').WMPlayer();
// Referenz auf den Player (jQuery plugin call)
var $p = $('#player');
// Lege sichtbare Controls minimal fest (falls die Library das unterstützt)
// Falls nicht unterstützt: die CSS oben verbirgt konfig-Elemente bereits.
try {
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - The Cookies [Maxi-Single] - 01 - The Cookies (Original Version).mp3', 'The Cookies (Original Version)', '1:47');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - The Cookies [Maxi-Single] - 02 - The Cookies (Rap Version).mp3', 'The Cookies (Rap Version)', '2:21');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - The Cookies [Maxi-Single] - 03 - The Cookies (Rock Version).mp3', 'The Cookies (Rock Version)', '2:28');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - The Cookies [Maxi-Single] - 04 - The Cookies (Trance Rock Version).mp3', 'The Cookies (Trance Rock Version)', '3:01');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - The Cookies [Maxi-Single] - 05 - The Cookies (versione italiana).mp3', 'The Cookies (versione italiana)', '2:19');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - The Cookies [Maxi-Single] - 06 - The Cookies (versione italiana lenta).mp3', 'The Cookies (versione italiana lenta)', '2:37');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - The Cookies [Maxi-Single] - 07 - The Cookies (Language Mashup).mp3', 'The Cookies (Language Mashup)', '3:34');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - The Cookies [Maxi-Single] - 08 - The Cookies (Language Mashup Faded).mp3', 'The Cookies (Language Mashup Faded)', '3:24');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - Six Seven [Maxi-Single] - 01 - Six Seven (Original Version One - Klat-Klat-Klat-Klatsch).mp3', 'Six Seven (Original Version One)', '1:01');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - Six Seven [Maxi-Single] - 02 - Six Seven (Original Version Two - Klatsch, Klatsch, Klatsch).mp3', 'Six Seven (Original Version Two)', '1:01');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - Six Seven [Maxi-Single] - 03 - Six Seven (Pop Edit).mp3', 'Six Seven (Pop Edit)', '2:11');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - Six Seven [Maxi-Single] - 04 - Six Seven (Power Edit).mp3', 'Six Seven (Power Edit)', '1:30');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - Six Seven [Maxi-Single] - 05 - Six Seven (Male Version).mp3', 'Six Seven (Male Version)', '1:01');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - Six Seven [Maxi-Single] - 06 - Six Seven (Male Speed Version).mp3', 'Six Seven (Male Speed Version)', '1:09');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - Six Seven [Maxi-Single] - 07 - Six Seven (Male Version Cover One).mp3', 'Six Seven (Male Version Cover One)', '1:01');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - Six Seven [Maxi-Single] - 08 - Six Seven (Male Version Cover Two).mp3', 'Six Seven (Male Version Cover Two)', '1:01');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - Six Seven [Maxi-Single] - 09 - Six Seven (Mashup).mp3', 'Six Seven (Mashup)', '1:01');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - Six Seven [Maxi-Single] - 10 - Six Seven (Gender Mashup).mp3', 'Six Seven (Gender Mashup)', '1:01');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - Roblox [Single] - 01 - Roblox (Original Version).mp3', 'Roblox (Original Version)', '2:19');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - Roblox [Single] - 02 - Roblox (Original Version - Clean).mp3', 'Roblox (Original Version - Clean)', '2:19');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - DAGEGEN [Single] - 01 - DAGEGEN.mp3', 'DAGEGEN', '2:27');
$p.WMPlayer('addTrack', 'Songs/Spaghetti Skeletti - 2026 - DAGEGEN [Single] - 02 - DAGEGEN (Hard Drive).mp3', 'DAGEGEN (Hard Drive)', '2:55');
$p.WMPlayer('track', 0); // ersten Track wählen
// Optional: Autoplay (nutze mit Bedacht; manche Browser blockieren auto play)
// $p.WMPlayer('autoplay');
} catch (e) {
console.warn('WMPlayer initialisierung fehlgeschlagen:', e);
}
});
})(jQuery);
</script>
</body>
</html>
|