';
+
+ // Navigation
+ $output .= '
';
+ $output .= '◀ ';
+ $output .= '
' . $this->monthNames[$currentMonth]['de'] . ' ' . $currentYear . ' ';
+ $output .= '▶ ';
+ $output .= '';
+
+ // Kalender-Grid
+ $output .= '
';
+
+ // Wochentage Header
+ $weekdays = ['Mo', 'Di', 'Mi', 'Do', 'Fr', 'Sa', 'So'];
+ foreach ($weekdays as $day) {
+ $output .= '
' . $day . '
';
+ }
+
+ // Tage des Monats
+ $firstDay = mktime(0, 0, 0, $currentMonth, 1, $currentYear);
+ $daysInMonth = date('t', $firstDay);
+ $dayOfWeek = date('N', $firstDay) - 1; // 0 = Montag
+
+ // Leere Zellen vor dem ersten Tag
+ for ($i = 0; $i < $dayOfWeek; $i++) {
+ $output .= '
';
+ }
+
+ // Tage mit Videos markieren
+ for ($day = 1; $day <= $daysInMonth; $day++) {
+ $hasVideos = $this->hasVideosForDate($currentYear, $currentMonth, $day);
+ $isSelected = ($selectedDay == $day);
+ $isToday = ($currentYear == date('Y') && $currentMonth == date('n') && $day == date('j'));
+
+ $classes = 'calendar-day';
+ if ($hasVideos) $classes .= ' has-video';
+ if ($isSelected) $classes .= ' selected';
+ if ($isToday) $classes .= ' today';
+
+ $output .= '
';
+ $output .= '' . $day . ' ';
+ if ($hasVideos) {
+ $output .= '📹 ';
+ }
+ $output .= '
';
+ }
+
+ $output .= '
'; // calendar-grid
+
+ // Video-Liste für ausgewählten Tag
+ if ($selectedDay) {
+ $videos = $this->getVideosForDate($currentYear, $currentMonth, $selectedDay);
+ if (!empty($videos)) {
+ $output .= '
';
+ $output .= '
Videos vom ' . sprintf('%02d.%02d.%04d', $selectedDay, $currentMonth, $currentYear) . ' ';
+ $output .= '
';
+
+ foreach ($videos as $video) {
+ $sizeInMb = round($video['filesize'] / (1024 * 1024), 2);
+ $token = hash_hmac('sha256', $video['path'], session_id());
+
+ $output .= '';
+ $output .= '🕐 ' . $video['time'] . ' Uhr ';
+ $output .= '' . $sizeInMb . ' MB ';
+ $output .= '';
+ $output .= '⬇️ Download';
+ $output .= ' ';
+ $output .= ' ';
+ }
+
+ $output .= ' ';
+ $output .= '
';
+ } else {
+ $output .= '
Keine Videos für diesen Tag verfügbar.
';
+ }
+ }
+
+ $output .= '
';
+ foreach ($this->entries as $index => $entry) {
+ $output .= "
+
+
+
{$entry['message']}
+
";
+ if ($isAdmin) {
+ $output .= "
";
+ }
+
+ }
+ $output .= '
';
+ return $output;
+}
+
+
+}
+
+
+class ContactManager {
+ //private $adminEmail = 'ingo.kohler.zh@gmail.com'; // ← Empfänger
+ private $adminEmail = 'metacube@gmail.com'; // ← Empfänger
+ private $feedbackFile = 'feedbacks.json';
+ private $gmailUser = 'metacube@gmail.com'; // ← DEINE GMAIL-ADRESSE
+ private $gmailAppPassword = 'qggk hsxz fdkq jgxa'; // ← APP-PASSWORT VON GMAIL
+
+ public function displayForm() {
+ return '
+
+
';
+ }
+
+ public function handleSubmission($name, $email, $message) {
+ // Validierung
+ if (empty($name) || empty($email) || empty($message)) {
+ return [
+ 'success' => false,
+ 'message' => 'Alle Felder sind erforderlich'
+ ];
+ }
+
+ if (!filter_var($email, FILTER_VALIDATE_EMAIL)) {
+ return [
+ 'success' => false,
+ 'message' => 'Ungültige E-Mail-Adresse'
+ ];
+ }
+
+ if (strlen($message) < 10) {
+ return [
+ 'success' => false,
+ 'message' => 'Nachricht zu kurz (mindestens 10 Zeichen)'
+ ];
+ }
+
+ // Sanitize
+ $name = htmlspecialchars(trim($name), ENT_QUOTES, 'UTF-8');
+ $email = filter_var(trim($email), FILTER_SANITIZE_EMAIL);
+ $message = htmlspecialchars(trim($message), ENT_QUOTES, 'UTF-8');
+
+ // Feedback speichern
+ $feedback = [
+ 'name' => $name,
+ 'email' => $email,
+ 'message' => $message,
+ 'date' => date('Y-m-d H:i:s'),
+ 'ip' => $_SERVER['REMOTE_ADDR'] ?? 'unknown',
+ 'user_agent' => $_SERVER['HTTP_USER_AGENT'] ?? 'unknown'
+ ];
+
+ $feedbacks = file_exists($this->feedbackFile)
+ ? json_decode(file_get_contents($this->feedbackFile), true)
+ : [];
+
+ if (!is_array($feedbacks)) {
+ $feedbacks = [];
+ }
+
+ $feedbacks[] = $feedback;
+ file_put_contents($this->feedbackFile, json_encode($feedbacks, JSON_PRETTY_PRINT));
+
+ // E-MAIL SENDEN MIT GMAIL SMTP
+ $mailSent = $this->sendEmailViaGmail($name, $email, $message, $feedback['date'], $feedback['ip']);
+
+ if ($mailSent) {
+ return [
+ 'success' => true,
+ 'message' => 'Vielen Dank! Ihre Nachricht wurde gesendet.'
+ ];
+ } else {
+ error_log("Mail-Fehler: Nachricht von {$email} konnte nicht gesendet werden");
+ return [
+ 'success' => false,
+ 'message' => 'Nachricht wurde gespeichert, aber E-Mail konnte nicht gesendet werden.'
+ ];
+ }
+ }
+
+ private function sendEmailViaGmail($name, $email, $message, $date, $ip) {
+ $mail = new PHPMailer(true);
+
+
+ try {
+ // DEBUG-MODUS AKTIVIEREN
+ $mail->SMTPDebug = 2;
+ $mail->Debugoutput = function($str, $level) {
+ error_log("PHPMailer Debug: $str");
+ };
+
+ // SMTP Konfiguration
+ $mail->isSMTP();
+ $mail->Host = 'smtp.gmail.com';
+ $mail->SMTPAuth = true;
+ $mail->Username = $this->gmailUser; // metacube@gmail.com
+ $mail->Password = $this->gmailAppPassword; // qggk hsxz fdkq jgxa
+ $mail->SMTPSecure = PHPMailer::ENCRYPTION_STARTTLS;
+ $mail->Port = 587;
+
+
+
+
+ // Absender & Empfänger
+ $mail->setFrom($this->gmailUser, 'Aurora Livecam');
+ $mail->addAddress($this->adminEmail); // admin@aurora-live-weathercam.com
+ $mail->addReplyTo($email, $name);
+
+ // Inhalt
+ $mail->isHTML(true);
+ $mail->CharSet = 'UTF-8';
+ $mail->Subject = '🔔 Neue Kontaktanfrage von ' . $name;
+ $mail->Body = $this->getEmailTemplate($name, $email, $message, $date, $ip);
+
+ $mail->send();
+ return true;
+ } catch (Exception $e) {
+ error_log("PHPMailer Error: {$mail->ErrorInfo}");
+ return false;
+ }
+ }
+
+ private function getEmailTemplate($name, $email, $message, $date, $ip) {
+ return "
+
+
+
+
+
+
+
+
+
+
+
+
+ 👤 Name:
+ {$name}
+
+
+
+
+
+ 💬 Nachricht:
+
+
+
+ " . nl2br($message) . "
+
+
+
+
+
+
+
+
+
+ ";
+ }
+}
+
+class AdminManager {
+ public function isAdmin() {
+ return isset($_SESSION['admin']) && $_SESSION['admin'] === true;
+ }
+ public function handleLogin($username, $password) {
+ echo "Login-Versuch: Username = $username, Passwort = $password"; // Debugging
+ if ($username === 'admin' && $password === 'sonne4000$$$$Q') {
+ $_SESSION['admin'] = true;
+ return true;
+ }
+ return false;
+ }
+
+ public function handleImageUpload($file) {
+ if (!$this->isAdmin()) {
+ return false; // Nur Admins dürfen Bilder hochladen
+ }
+
+ if (!isset($file['tmp_name']) || empty($file['tmp_name'])) {
+ echo "Keine Datei hochgeladen.";
+ return false;
+ }
+
+ $target_dir = "uploads/";
+ if (!file_exists($target_dir)) {
+ mkdir($target_dir, 0777, true);
+ }
+
+ $target_file = $target_dir . basename($file["name"]);
+ $uploadOk = 1;
+ $imageFileType = strtolower(pathinfo($target_file,PATHINFO_EXTENSION));
+
+
+ $check = @getimagesize($file["tmp_name"]);
+ if($check === false) {
+ echo "Die Datei ist kein Bild.";
+ return false;
+ }
+
+
+ if ($file["size"] > 5000000) { // 5MB Limit
+ echo "Die Datei ist zu groß.";
+ return false;
+ }
+
+ // Erlauben Sie nur bestimmte Dateiformate
+ if($imageFileType != "jpg" && $imageFileType != "png" && $imageFileType != "jpeg"
+ && $imageFileType != "gif" ) {
+ echo "Nur JPG, JPEG, PNG & GIF Dateien sind erlaubt.";
+ return false;
+ }
+
+ // Wenn alles in Ordnung ist, versuchen Sie, die Datei hochzuladen
+ if (move_uploaded_file($file["tmp_name"], $target_file)) {
+ echo "Die Datei ". basename( $file["name"]). " wurde hochgeladen.";
+ return true;
+ } else {
+ echo "Es gab einen Fehler beim Hochladen der Datei.";
+ return false;
+ }
+ }
+
+
+ public function displayLoginForm() {
+ return '
+
';
+ }
+
+ public function displayAdminContent() {
+ $feedbacks = json_decode(file_get_contents('feedbacks.json') ?: '[]', true);
+ $output = '
Admin-Bereich ';
+ foreach ($feedbacks as $feedback) {
+ $output .= "
";
+ $output .= "
{$feedback['name']} ({$feedback['email']}) ";
+ $output .= "
{$feedback['message']}
";
+ $output .= "
{$feedback['date']} ";
+ $output .= "
";
+ }
+ $output .= '
';
+
+ $output .= '
+
Social Media Links verwalten
+
';
+ $output .= '
+
Bild hochladen
+
';
+ return $output;
+ }
+
+ public function displayGalleryImages() {
+ $output = '
';
+ $files = glob("uploads/*.*");
+ foreach($files as $file) {
+ $filename = basename($file);
+ $extension = pathinfo($file, PATHINFO_EXTENSION);
+
+ // NUR Bilddateien anzeigen, KEINE Videos
+ if (in_array(strtolower($extension), ['jpg', 'jpeg', 'png', 'gif'])) {
+ $output .= '
';
+ }
+ }
+ $output .= '
';
+ return $output;
+}
+
+
+
+
+ public function handleSocialMediaUpdate($platform, $url) {
+ $socialLinks = json_decode(file_get_contents('social_links.json') ?: '{}', true);
+ $socialLinks[$platform] = $url;
+ file_put_contents('social_links.json', json_encode($socialLinks));
+ }
+}
+
+
+
+// Weather Bingo Manager
+//require_once 'weather_bingo.php';
+//$weatherBingo = new WeatherBingo();
+
+
+
+
+
+
+// Neue VideoArchiveManager Klasse
+
+
+class VideoArchiveManager {
+ private $videoDir;
+ private $monthNames;
+
+ public function __construct($videoDir = './videos/') {
+ $this->videoDir = $videoDir;
+ $this->monthNames = [
+ '01' => 'Januar',
+ '02' => 'Februar',
+ '03' => 'März',
+ '04' => 'April',
+ '05' => 'Mai',
+ '06' => 'Juni',
+ '07' => 'Juli',
+ '08' => 'August',
+ '09' => 'September',
+ '10' => 'Oktober',
+ '11' => 'November',
+ '12' => 'Dezember'
+ ];
+ }
+
+ public function getVideosGroupedByDate() {
+ $videos = [];
+
+ foreach (glob($this->videoDir . 'daily_video_*.mp4') as $video) {
+ // Dateinamenformat: daily_video_YYYYMMDD_HHMMSS.mp4
+ if (preg_match('/daily_video_(\d{8})_\d{6}\.mp4/', basename($video), $matches)) {
+ $dateStr = $matches[1]; // YYYYMMDD
+ $year = substr($dateStr, 0, 4);
+ $month = substr($dateStr, 4, 2);
+ $day = substr($dateStr, 6, 2);
+
+ // Gruppiere nach Jahr und Monat
+ $videos[$year][$month][] = [
+ 'path' => $video,
+ 'filename' => basename($video),
+ 'day' => $day,
+ 'filesize' => filesize($video),
+ 'modified' => filemtime($video)
+ ];
+ }
+ }
+
+ // Nach Tag sortieren
+ foreach ($videos as $year => $months) {
+ foreach ($months as $month => $days) {
+ usort($videos[$year][$month], function($a, $b) {
+ return $b['day'] - $a['day']; // Absteigend sortieren (neueste zuerst)
+ });
+ }
+ }
+
+ return $videos;
+ }
+
+ public function getAvailableYearsAndMonths() {
+ $videos = $this->getVideosGroupedByDate();
+ $result = [];
+
+ foreach ($videos as $year => $months) {
+ $result[$year] = array_keys($months);
+ }
+
+ return $result;
+ }
+
+ public function getVideosForYearAndMonth($year, $month) {
+ $videos = $this->getVideosGroupedByDate();
+ return isset($videos[$year][$month]) ? $videos[$year][$month] : [];
+ }
+
+ public function displayCalendarInterface() {
+ $yearsAndMonths = $this->getAvailableYearsAndMonths();
+
+ $output = '
';
+ $output .= '
Video-Archiv ';
+
+ if (empty($yearsAndMonths)) {
+ $output .= '
Keine Videos verfügbar.
';
+ } else {
+ $output .= '
';
+ $output .= '';
+ $output .= '
';
+
+ // Wenn Jahr und Monat ausgewählt wurden, zeige die Videos
+ if (isset($_GET['calendar_year']) && isset($_GET['calendar_month'])) {
+ $year = $_GET['calendar_year'];
+ $month = $_GET['calendar_month'];
+ $videos = $this->getVideosForYearAndMonth($year, $month);
+
+ if (!empty($videos)) {
+ $output .= '
';
+ $output .= "
Videos für {$this->monthNames[$month]} $year ";
+ $output .= '
';
+ $output .= '
';
+ } else {
+ $output .= "
Keine Videos für {$this->monthNames[$month]} $year gefunden.
";
+ }
+ }
+ }
+
+ $output .= '
';
+ return $output;
+ }
+
+ public function handleSpecificVideoDownload() {
+ if (isset($_GET['download_specific_video']) && isset($_GET['token'])) {
+ $videoPath = $_GET['download_specific_video'];
+ $token = $_GET['token'];
+
+ // Token-Validierung
+ $expectedToken = hash_hmac('sha256', $videoPath, session_id());
+ if (!hash_equals($expectedToken, $token)) {
+ echo "Ungültiger Token. Zugriff verweigert.";
+ exit;
+ }
+
+ // Sicherheitsüberprüfung: Stelle sicher, dass das Video im erlaubten Verzeichnis liegt
+ $videoDir = realpath($this->videoDir);
+ $requestedPath = realpath($videoPath);
+
+ if ($requestedPath && strpos($requestedPath, $videoDir) === 0 && file_exists($requestedPath)) {
+ // Nur MP4-Dateien erlauben
+ $extension = pathinfo($requestedPath, PATHINFO_EXTENSION);
+ if (strtolower($extension) !== 'mp4') {
+ echo "Nur MP4-Dateien können heruntergeladen werden.";
+ exit;
+ }
+
+ header('Content-Description: File Transfer');
+ header('Content-Type: video/mp4');
+ header('Content-Disposition: attachment; filename="'.basename($requestedPath).'"');
+ header('Expires: 0');
+ header('Cache-Control: must-revalidate');
+ header('Pragma: public');
+ header('Content-Length: ' . filesize($requestedPath));
+ readfile($requestedPath);
+ exit;
+ } else {
+ echo "Datei nicht gefunden oder ungültiger Dateipfad.";
+ exit;
+ }
+ }
+ }
+}
+
+
+
+
+
+
+
+$webcamManager = new WebcamManager();
+$imageFilesJson = $webcamManager->getImageFiles();
+$guestbookManager = new GuestbookManager();
+$contactManager = new ContactManager();
+$adminManager = new AdminManager();
+
+// Nach den anderen Manager-Instanzen hinzufügen
+$videoArchiveManager = new VideoArchiveManager('./videos/');
+
+// Video-Download-Handler nach dem existierenden Download-Handler hinzufügen
+$videoArchiveManager->handleSpecificVideoDownload();
+
+
+if (isset($_GET['action'])) {
+ switch ($_GET['action']) {
+ case 'snapshot':
+ $webcamManager->captureSnapshot();
+
+ break;
+ case 'sequence':
+ $webcamManager->captureVideoSequence();
+
+ break;
+
+ }
+
+}
+
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST' && isset($_POST['action']) && $_POST['action'] === 'delete_guestbook') {
+ if ($adminManager->isAdmin() && isset($_POST['delete_entry'])) {
+ $index = $_POST['delete_entry'];
+ if ($guestbookManager->deleteEntry($index)) {
+ $_SESSION['message'] = "Eintrag erfolgreich gelöscht.";
+ } else {
+ $_SESSION['error'] = "Fehler beim Löschen des Eintrags.";
+ }
+ // Umleitung zur gleichen Seite, um Neuladen des Formulars zu verhindern
+ header("Location: " . $_SERVER['PHP_SELF'] . "#guestbook");
+ exit();
+ }
+}
+
+
+if ($_SERVER['REQUEST_METHOD'] === 'POST') {
+ if (isset($_POST['guestbook'])) {
+ $guestbookManager->handleFormSubmission();
+ } elseif (isset($_POST['contact'])) {
+ $result = $contactManager->handleSubmission($_POST['name'], $_POST['email'], $_POST['message']);
+
+ // JSON-Response für AJAX
+ if (isset($_SERVER['HTTP_X_REQUESTED_WITH']) &&
+ strtolower($_SERVER['HTTP_X_REQUESTED_WITH']) === 'xmlhttprequest') {
+ header('Content-Type: application/json');
+ echo json_encode($result);
+ exit;
+ }
+
+ // Normale Formular-Submission
+ $_SESSION['contact_result'] = $result;
+ header('Location: ' . $_SERVER['PHP_SELF'] . '#kontakt');
+ exit;
+
+ } elseif (isset($_POST['admin-login'])) {
+ $adminManager->handleLogin($_POST['username'], $_POST['password']);
+ } elseif (isset($_POST['update-social-media'])) {
+ $adminManager->handleSocialMediaUpdate($_POST['social-platform'], $_POST['social-url']);
+
+
+ } elseif (isset($_FILES["fileToUpload"]) && $adminManager->isAdmin()) {
+ $adminManager->handleImageUpload($_FILES["fileToUpload"]);
+}}
+?>
+
+
+
+
+
+
+
+
+
+
Aurora Livecam - Einzigartige Live-Webcam und Wetter>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Willkommen bei Aurora Wetter Livecam
+
+
+
+
+
+
+ Erleben Sie faszinierende Ausblicke der Züricher Region - in Echtzeit!
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ displayWebcam(); ?>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Videoarchiv Tagesvideos
+
+ displayVisualCalendar();
+ ?>
+
+
+
+
+
+
+
+
+
Mouse Synth Lab
Zieh deine Maus durch den Pad und verwandle Bewegungen in Klang. Drei LFOs,
FM-Experimente und ein Delay/Distortion-Hybrid werden live verschaltet.
- Die Bitcoin-Feeds von Coindesk (
-
Coindesk:
-
CoinMarketCap:
-
Lokale Zeit: ---
+
Bitcoin Quelle:
+
Letzter Wert:
diff --git a/synth/synth.js b/synth/synth.js
index bc3ab6c..1dc0ebe 100644
--- a/synth/synth.js
+++ b/synth/synth.js
@@ -1,30 +1,15 @@
const btcPrice = parseFloat(document.body.dataset.btcPrice || 'NaN');
-const btcCmcPrice = parseFloat(document.body.dataset.btcCmcPrice || 'NaN');
-const coinPool = [btcPrice, btcCmcPrice].filter((value) => Number.isFinite(value));
-const normalizedCoin = coinPool.length
- ? coinPool
- .map((value) => Math.min(Math.max((value - 14000) / 28000, 0), 1))
- .reduce((acc, value) => acc + value, 0) / coinPool.length
+const normalizedCoin = Number.isFinite(btcPrice)
+ ? Math.min(Math.max((btcPrice - 15000) / 25000, 0), 1)
: 0.5;
const pad = document.getElementById('synth-pad');
const indicator = document.getElementById('pad-indicator');
-const instrumentSelect = document.getElementById('instrument');
const fmDepthInput = document.getElementById('fm-depth');
const lfoSpeedInput = document.getElementById('lfo-speed');
const textureInput = document.getElementById('texture');
-const noiseInput = document.getElementById('noise-level');
-const chorusInput = document.getElementById('chorus-depth');
-const phaserInput = document.getElementById('phaser-mix');
-const crusherInput = document.getElementById('crusher-fold');
-const delayMixInput = document.getElementById('delay-mix');
-const reverbInput = document.getElementById('reverb-mix');
-const clockReactivityInput = document.getElementById('clock-reactivity');
-const coinReactivityInput = document.getElementById('coin-reactivity');
-const driveInput = document.getElementById('drive');
const startBtn = document.getElementById('start-btn');
const randomizeBtn = document.getElementById('randomize-btn');
-const clockInfo = document.getElementById('clock-info');
class MouseSynth {
constructor(options = {}) {
@@ -33,13 +18,6 @@ class MouseSynth {
this.started = false;
this.coinBlend = options.coinBlend ?? 0.5;
- this.clockDepth = options.clockDepth ?? 0.5;
- this.driveCeiling = options.driveCeiling ?? 0.35;
- this.instrument = 'supersaw';
- this.instrumentNoiseScale = 1;
- this.chorusAmount = chorusInput ? parseFloat(chorusInput.value) : 0.45;
- this.phaserAmount = phaserInput ? parseFloat(phaserInput.value) : 0.5;
- this.crushFold = crusherInput ? parseFloat(crusherInput.value) : 12;
this.setupNodes();
this.#bindEvents();
@@ -51,15 +29,6 @@ class MouseSynth {
this.masterGain = ctx.createGain();
this.masterGain.gain.value = 0.0;
- this.compressor = ctx.createDynamicsCompressor();
- this.compressor.threshold.value = -8;
- this.compressor.knee.value = 12;
- this.compressor.ratio.value = 12;
- this.compressor.attack.value = 0.004;
- this.compressor.release.value = 0.25;
-
- this.panner = ctx.createStereoPanner();
-
this.carrier = ctx.createOscillator();
this.carrier.type = 'sawtooth';
@@ -106,52 +75,6 @@ class MouseSynth {
this.distortion = ctx.createWaveShaper();
this.#setDrive(400);
- this.chorusDelay = ctx.createDelay(0.05);
- this.chorusDelay.delayTime.value = 0.018;
- this.chorusDepthGain = ctx.createGain();
- this.chorusDepthGain.gain.value = 0.003;
- this.chorusLfo = ctx.createOscillator();
- this.chorusLfo.frequency.value = 0.25;
- this.chorusLfo.connect(this.chorusDepthGain).connect(this.chorusDelay.delayTime);
- this.chorusDry = ctx.createGain();
- this.chorusDry.gain.value = 0.6;
- this.chorusWet = ctx.createGain();
- this.chorusWet.gain.value = 0.4;
- this.chorusSum = ctx.createGain();
-
- this.phaserInput = ctx.createGain();
- this.phaserDry = ctx.createGain();
- this.phaserDry.gain.value = 0.5;
- this.phaserWet = ctx.createGain();
- this.phaserWet.gain.value = 0.5;
- this.phaserLfo = ctx.createOscillator();
- this.phaserLfo.frequency.value = 0.12;
- this.phaserLfoGain = ctx.createGain();
- this.phaserLfoGain.gain.value = 280;
- this.phaserStages = Array.from({ length: 4 }, (_, index) => {
- const stage = ctx.createBiquadFilter();
- stage.type = 'allpass';
- stage.frequency.value = 300 + index * 220;
- stage.Q.value = 2.5;
- return stage;
- });
- this.phaserStages.forEach((stage, index, arr) => {
- if (index > 0) {
- arr[index - 1].connect(stage);
- }
- this.phaserLfoGain.connect(stage.frequency);
- });
- this.phaserLfo.connect(this.phaserLfoGain);
- this.postPhaser = ctx.createGain();
-
- this.crusher = ctx.createWaveShaper();
- this.#updateCrusher(this.crushFold);
- this.crusherDry = ctx.createGain();
- this.crusherDry.gain.value = 0.55;
- this.crusherWet = ctx.createGain();
- this.crusherWet.gain.value = 0.45;
- this.crusherOutput = ctx.createGain();
-
this.coinMorph = ctx.createGain();
this.coinMorph.gain.value = this.coinBlend;
@@ -160,11 +83,6 @@ class MouseSynth {
this.reverbGain = ctx.createGain();
this.reverbGain.gain.value = 0.25;
- this.dryGain = ctx.createGain();
- this.dryGain.gain.value = 1 - (delayMixInput ? parseFloat(delayMixInput.value) : 0.6);
- this.delayWet = ctx.createGain();
- this.delayWet.gain.value = delayMixInput ? parseFloat(delayMixInput.value) : 0.6;
-
// Connections
this.fmOsc.connect(this.fmGain).connect(this.carrier.frequency);
this.harmonic.connect(this.filter);
@@ -176,24 +94,17 @@ class MouseSynth {
this.filter.connect(this.distortion);
this.noise.connect(this.noiseGain).connect(this.filter);
- this.distortion.connect(this.chorusDry).connect(this.chorusSum);
- this.distortion.connect(this.chorusDelay).connect(this.chorusWet).connect(this.chorusSum);
- this.chorusSum.connect(this.phaserInput);
- this.phaserInput.connect(this.phaserDry).connect(this.postPhaser);
- this.phaserInput.connect(this.phaserStages[0]);
- this.phaserStages[this.phaserStages.length - 1].connect(this.phaserWet).connect(this.postPhaser);
- this.postPhaser.connect(this.crusherDry).connect(this.crusherOutput);
- this.postPhaser.connect(this.crusher).connect(this.crusherWet).connect(this.crusherOutput);
-
- this.crusherOutput.connect(this.dryGain).connect(this.masterGain);
- this.crusherOutput.connect(this.delay);
+ const wet = ctx.createGain();
+ const dry = ctx.createGain();
+ this.distortion.connect(dry).connect(this.masterGain);
+ this.distortion.connect(this.delay);
this.delay.connect(this.feedback).connect(this.delay);
this.delay.connect(this.coinMorph);
- this.coinMorph.connect(this.delayWet);
- this.delayWet.connect(this.reverb);
+ this.coinMorph.connect(wet);
+ wet.connect(this.reverb);
this.reverb.connect(this.reverbGain).connect(this.masterGain);
- this.masterGain.connect(this.panner).connect(this.compressor).connect(ctx.destination);
+ this.masterGain.connect(ctx.destination);
this.carrier.start();
this.harmonic.start();
@@ -202,25 +113,16 @@ class MouseSynth {
this.filterLfo.start();
this.sampleHold.start();
this.noise.start();
- this.chorusLfo.start();
- this.phaserLfo.start();
}
async start() {
if (this.started) return;
await this.ctx.resume();
- this.masterGain.gain.linearRampToValueAtTime(0.65, this.ctx.currentTime + 0.5);
+ this.masterGain.gain.linearRampToValueAtTime(0.8, this.ctx.currentTime + 0.5);
this.started = true;
- this.tickClock();
}
#bindEvents() {
- if (instrumentSelect) {
- instrumentSelect.addEventListener('change', () => {
- this.setInstrument(instrumentSelect.value);
- });
- }
-
fmDepthInput.addEventListener('input', () => {
this.fmGain.gain.setTargetAtTime(parseFloat(fmDepthInput.value), this.ctx.currentTime, 0.05);
});
@@ -235,43 +137,6 @@ class MouseSynth {
this.#updateTexture(parseFloat(textureInput.value));
});
- noiseInput.addEventListener('input', () => {
- this.setNoiseLevel(parseFloat(noiseInput.value));
- });
-
- chorusInput.addEventListener('input', () => {
- this.setChorusDepth(parseFloat(chorusInput.value));
- });
-
- phaserInput.addEventListener('input', () => {
- this.setPhaserMix(parseFloat(phaserInput.value));
- });
-
- crusherInput.addEventListener('input', () => {
- this.setCrusherFold(parseFloat(crusherInput.value));
- });
-
- delayMixInput.addEventListener('input', () => {
- this.setDelayMix(parseFloat(delayMixInput.value));
- });
-
- reverbInput.addEventListener('input', () => {
- this.setReverbMix(parseFloat(reverbInput.value));
- });
-
- clockReactivityInput.addEventListener('input', () => {
- this.setClockDepth(parseFloat(clockReactivityInput.value));
- });
-
- coinReactivityInput.addEventListener('input', () => {
- this.setCoinBlend(parseFloat(coinReactivityInput.value));
- });
-
- driveInput.addEventListener('input', () => {
- this.setDriveCeiling(parseFloat(driveInput.value));
- this.#updateTexture(parseFloat(textureInput.value));
- });
-
randomizeBtn.addEventListener('click', () => this.randomize());
}
@@ -293,10 +158,7 @@ class MouseSynth {
this.feedback.gain.setTargetAtTime(0.2 + x * 0.7 * this.coinBlend, this.ctx.currentTime, 0.2);
this.coinMorph.gain.setTargetAtTime(this.coinBlend * (0.4 + y * 0.6), this.ctx.currentTime, 0.3);
this.fmGain.gain.setTargetAtTime(parseFloat(fmDepthInput.value) + x * 200, this.ctx.currentTime, 0.05);
- this.chorusLfo.frequency.setTargetAtTime(0.1 + x * 2.4, this.ctx.currentTime, 0.2);
- this.phaserLfo.frequency.setTargetAtTime(0.05 + y * 1.2 + this.phaserAmount * 0.4, this.ctx.currentTime, 0.2);
this.#updateTexture(textureInput.value, x, y);
- this.tickClock();
}
handlePointerLeave() {
@@ -306,11 +168,6 @@ class MouseSynth {
}
randomize() {
- const instruments = Array.from(instrumentSelect.options).map((option) => option.value);
- const instrument = instruments[Math.floor(Math.random() * instruments.length)];
- instrumentSelect.value = instrument;
- this.setInstrument(instrument);
-
const fm = 80 + Math.random() * 720;
fmDepthInput.value = fm.toFixed(0);
this.fmGain.gain.setTargetAtTime(fm, this.ctx.currentTime, 0.1);
@@ -323,53 +180,15 @@ class MouseSynth {
const texture = Math.random();
textureInput.value = texture.toFixed(2);
this.#updateTexture(texture);
-
- const noise = Math.random();
- noiseInput.value = noise.toFixed(2);
- this.setNoiseLevel(noise);
-
- const delayMix = Math.random();
- delayMixInput.value = delayMix.toFixed(2);
- this.setDelayMix(delayMix);
-
- const reverbMix = Math.random();
- reverbInput.value = reverbMix.toFixed(2);
- this.setReverbMix(reverbMix);
-
- const chorusAmt = Math.random();
- chorusInput.value = chorusAmt.toFixed(2);
- this.setChorusDepth(chorusAmt);
-
- const phaserAmt = Math.random();
- phaserInput.value = phaserAmt.toFixed(2);
- this.setPhaserMix(phaserAmt);
-
- const crushFold = Math.floor(2 + Math.random() * 30);
- crusherInput.value = crushFold.toString();
- this.setCrusherFold(crushFold);
-
- const clockDepth = Math.random();
- clockReactivityInput.value = clockDepth.toFixed(2);
- this.setClockDepth(clockDepth);
-
- const coinDepth = Math.random();
- coinReactivityInput.value = coinDepth.toFixed(2);
- this.setCoinBlend(coinDepth);
-
- const drive = Math.random();
- driveInput.value = drive.toFixed(2);
- this.setDriveCeiling(drive);
- this.#updateTexture(texture);
}
#updateTexture(value, x = 0.5, y = 0.5) {
const amount = parseFloat(value);
const drive = 150 + amount * 850 + this.coinBlend * 400;
- const driveLimit = 150 + this.driveCeiling * 700;
- this.#setDrive(Math.min(drive, driveLimit));
+ this.#setDrive(drive);
const morph = amount * (0.6 + this.coinBlend * 0.8);
this.distortion.oversample = morph > 0.5 ? '4x' : '2x';
- this.reverbGain.gain.setTargetAtTime(0.1 + morph * 0.5, this.ctx.currentTime, 0.3);
+ this.reverbGain.gain.setTargetAtTime(0.15 + morph * 0.6, this.ctx.currentTime, 0.3);
const filterType = morph > 0.7 ? 'notch' : morph > 0.35 ? 'bandpass' : 'lowpass';
this.filter.type = filterType;
this.coinMorph.gain.setTargetAtTime(this.coinBlend * (0.4 + morph), this.ctx.currentTime, 0.3);
@@ -385,18 +204,6 @@ class MouseSynth {
this.distortion.curve = curve;
}
- #updateCrusher(levels) {
- const steps = Math.max(2, levels);
- const curve = new Float32Array(1024);
- for (let i = 0; i < curve.length; i++) {
- const x = (i / (curve.length - 1)) * 2 - 1;
- const normalized = (x + 1) / 2;
- const quantized = Math.round(normalized * (steps - 1)) / (steps - 1);
- curve[i] = quantized * 2 - 1;
- }
- this.crusher.curve = curve;
- }
-
#createNoise() {
const buffer = this.ctx.createBuffer(1, this.ctx.sampleRate * 4, this.ctx.sampleRate);
const data = buffer.getChannelData(0);
@@ -421,139 +228,9 @@ class MouseSynth {
}
return impulse;
}
-
- setInstrument(mode) {
- this.instrument = mode;
- switch (mode) {
- case 'fm-bell':
- this.carrier.type = 'sine';
- this.harmonic.type = 'sine';
- this.harmonic.detune.setTargetAtTime(1200, this.ctx.currentTime, 0.2);
- this.filter.Q.setTargetAtTime(14, this.ctx.currentTime, 0.2);
- this.filter.type = 'bandpass';
- this.instrumentNoiseScale = 0.2;
- break;
- case 'pulse-pluck':
- this.carrier.type = 'square';
- this.harmonic.type = 'square';
- this.harmonic.detune.setTargetAtTime(305, this.ctx.currentTime, 0.2);
- this.filter.type = 'lowpass';
- this.filter.Q.setTargetAtTime(6, this.ctx.currentTime, 0.2);
- this.instrumentNoiseScale = 0.6;
- break;
- default:
- this.carrier.type = 'sawtooth';
- this.harmonic.type = 'triangle';
- this.harmonic.detune.setTargetAtTime(702, this.ctx.currentTime, 0.2);
- this.filter.type = 'bandpass';
- this.filter.Q.setTargetAtTime(10, this.ctx.currentTime, 0.2);
- this.instrumentNoiseScale = 1;
- }
- this.setNoiseLevel(parseFloat(noiseInput.value));
- }
-
- setNoiseLevel(amount) {
- const scale = this.instrumentNoiseScale ?? 1;
- this.noiseGain.gain.setTargetAtTime(amount * 0.6 * scale, this.ctx.currentTime, 0.1);
- }
-
- setDelayMix(amount) {
- this.dryGain.gain.setTargetAtTime(Math.max(0.05, 1 - amount), this.ctx.currentTime, 0.2);
- this.delayWet.gain.setTargetAtTime(amount, this.ctx.currentTime, 0.2);
- }
-
- setReverbMix(amount) {
- this.reverbGain.gain.setTargetAtTime(0.05 + amount * 0.7, this.ctx.currentTime, 0.2);
- }
-
- setCoinBlend(amount) {
- this.coinBlend = amount;
- this.coinMorph.gain.setTargetAtTime(amount * 0.8, this.ctx.currentTime, 0.2);
- }
-
- setClockDepth(amount) {
- this.clockDepth = amount;
- this.tickClock();
- }
-
- setDriveCeiling(amount) {
- this.driveCeiling = amount;
- }
-
- setChorusDepth(amount) {
- this.chorusAmount = amount;
- const depth = 0.001 + amount * 0.01;
- this.chorusDepthGain.gain.setTargetAtTime(depth, this.ctx.currentTime, 0.2);
- const wet = 0.15 + amount * 0.85;
- const dry = Math.max(0.15, 1 - wet * 0.8);
- this.chorusWet.gain.setTargetAtTime(wet, this.ctx.currentTime, 0.2);
- this.chorusDry.gain.setTargetAtTime(dry, this.ctx.currentTime, 0.2);
- }
-
- setPhaserMix(amount) {
- this.phaserAmount = amount;
- this.phaserWet.gain.setTargetAtTime(amount, this.ctx.currentTime, 0.2);
- this.phaserDry.gain.setTargetAtTime(1 - amount, this.ctx.currentTime, 0.2);
- this.phaserLfo.frequency.setTargetAtTime(0.05 + amount * 1.2, this.ctx.currentTime, 0.3);
- this.phaserLfoGain.gain.setTargetAtTime(120 + amount * 620, this.ctx.currentTime, 0.3);
- }
-
- setCrusherFold(levels) {
- const fold = Math.max(2, Math.round(levels));
- this.crushFold = fold;
- this.#updateCrusher(fold);
- const wet = Math.min(0.85, 0.2 + fold / 40);
- this.crusherWet.gain.setTargetAtTime(wet, this.ctx.currentTime, 0.2);
- this.crusherDry.gain.setTargetAtTime(1 - wet * 0.7, this.ctx.currentTime, 0.2);
- }
-
- tickClock() {
- const now = new Date();
- const hourFactor = now.getHours() / 23 || 0;
- const secondFactor = now.getSeconds() / 59 || 0;
- const milliFactor = now.getMilliseconds() / 999 || 0;
- const depth = this.clockDepth;
- const detune = (hourFactor - 0.5) * 600 * depth;
- this.filter.detune.setTargetAtTime(detune, this.ctx.currentTime, 0.4);
- this.harmonic.detune.setTargetAtTime(702 + detune * 0.4, this.ctx.currentTime, 0.4);
- const pan = (secondFactor - 0.5) * 1.8 * depth;
- this.panner.pan.setTargetAtTime(pan, this.ctx.currentTime, 0.3);
- const ampMod = 0.2 + hourFactor * 0.7 * depth;
- this.ampLfoGain.gain.setTargetAtTime(ampMod, this.ctx.currentTime, 0.3);
- const shRate = 2 + milliFactor * 14 * depth;
- this.sampleHold.frequency.setTargetAtTime(shRate, this.ctx.currentTime, 0.2);
- }
}
-const synth = new MouseSynth({
- coinBlend: normalizedCoin,
- clockDepth: parseFloat(clockReactivityInput.value),
- driveCeiling: parseFloat(driveInput.value),
-});
-
-coinReactivityInput.value = normalizedCoin.toFixed(2);
-synth.setCoinBlend(normalizedCoin);
-if (instrumentSelect) {
- synth.setInstrument(instrumentSelect.value);
-}
-if (noiseInput) {
- synth.setNoiseLevel(parseFloat(noiseInput.value));
-}
-if (delayMixInput) {
- synth.setDelayMix(parseFloat(delayMixInput.value));
-}
-if (reverbInput) {
- synth.setReverbMix(parseFloat(reverbInput.value));
-}
-if (chorusInput) {
- synth.setChorusDepth(parseFloat(chorusInput.value));
-}
-if (phaserInput) {
- synth.setPhaserMix(parseFloat(phaserInput.value));
-}
-if (crusherInput) {
- synth.setCrusherFold(parseFloat(crusherInput.value));
-}
+const synth = new MouseSynth({ coinBlend: normalizedCoin });
startBtn.addEventListener('click', () => synth.start());
@@ -576,22 +253,10 @@ pad.addEventListener('pointerup', (event) => {
pad.addEventListener('pointerleave', () => synth.handlePointerLeave());
-function updateClockStatus() {
- const now = new Date();
- const formatted = now.toLocaleTimeString('de-DE', { hour12: false });
- if (clockInfo) {
- clockInfo.innerHTML = `Lokale Zeit:
${formatted}.${now.getMilliseconds().toString().padStart(3, '0')} `;
- }
- synth.tickClock();
-}
-
-setInterval(updateClockStatus, 1000);
-updateClockStatus();
-
-if (!coinPool.length) {
+if (!Number.isFinite(btcPrice)) {
const status = document.getElementById('btc-status');
if (status) {
- status.insertAdjacentHTML('beforeend', '
BTC Feeds nicht erreichbar – Synth läuft im Fantasy-Modus.
');
+ status.insertAdjacentHTML('beforeend', '
BTC Feed nicht erreichbar – Synth läuft im Fantasy-Modus.
');
}
}
+ 
+ 
+ 
+
+
+
+
+
+
+