Audio Datei unter Bedingungen ausführen

echelon

Mitglied
Hallo Community,

ich bin absoluter Anfänger in Java.
Ich möchte gerne eine Audio Datei in einer HTML-Seite abspielen wenn eine bestimmte Bedingung zutrifft.
Der aktuelle Code den ich angefangen habe lautet wie folgt:

<script type="text/javascript">
var audio = new Audio('https://dasisteineurl/ping.wav');
audio.play();
if (data.destName = "Status") {
}
</script>

In der HTML Seite wird mit dem Wert {{data.destName}} gearbeitet. Die Inhalt sind dort variabel. Es soll die wav. Datei nur ausgeführt werden wenn dort der Wert "Status" lautet.

Ich bekomme es einfach nicht realisiert. Könnt' ihr mir helfen?

VG
Dennis
 

M.L.

Top Contributor
Firefox / Chrome /... haben Tools, die Syntaxfehler (*) in JavaScript aufstöbern helfen könnten. Weiterhin müsste der Code wohl so umgestellt werden:
Javascript:
if (data.destName = "Status") {  //<- Link zu Selfhtml beachten
var audio = new Audio('[URL='https://dasisteineurl/ping.wav%27);']https://dasisteineurl/ping.wav');[/URL]
audio.play();
}

(*) nicht Logikfehler
 

echelon

Mitglied
Firefox / Chrome /... haben Tools, die Syntaxfehler (*) in JavaScript aufstöbern helfen könnten. Weiterhin müsste der Code wohl so umgestellt werden:
Javascript:
if (data.destName = "Status") {  //<- Link zu Selfhtml beachten
var audio = new Audio('[URL='https://dasisteineurl/ping.wav%27);']https://dasisteineurl/ping.wav');[/URL]
audio.play();
}

(*) nicht Logikfehler
Hallo,

also gar nicht mit <script> in HTML arbeiten sondern Deinen Code genau so einfügen?
 

M.L.

Top Contributor
Sound-Datei abgespielt wird, wenn der Wert "Status"
Solche Lösungen sind wohl auch browser-abhängig. Ein mit einer KI generierter Vorschlag (mit <script>-Tag):
Code:
<html>
<head>
<title>Ungerade Datums-Audio</title>
</head>
<body>
<audio controls>
<source src="Musikstueck.mp3" type="audio/mpeg">  //passenden Namen einsetzen
</audio>
<script>
// Prüfen, ob das aktuelle Datum ungerade ist, auch mangels Zugriff auf "data.destName"
var heute = new Date();
var istUngleich = (heute.getDate() % 2 !== 0);

// Audiodatei abspielen, wenn das aktuelle Datum ungerade ist
if (istUngleich) {
  document.querySelector("audio").play();
}
</script>
</body>
</html>
 

echelon

Mitglied
Hallo,

ich bekomme es einfach nicht hin. Die data.destName ist kein Datum. Daran kann ich es nicht fest machen.
Es kommen dort variabel nur Buchstaben vor. ALso Beispiel: Status, FN, 1_TX_2, ABC, etc.

Mit nachfolgendem Code klappt es leider auch nicht:


Javascript:
var quelle = document.getElementById('destName').innerText;
if (quelle.includes("Status")) {var audio = new Audio('https://xxx.de/ping.wav');
audio.play();
}
 

Oneixee5

Top Contributor
Das sollte doch funktionieren, wenn "data.destName" wirklich "Status" enthält. Zur Sicherheit kann man das auch noch ausgeben.
Javascript:
<script type="text/javascript">
// Debug Output zur Kontrolle
console.log(data.destName);
// oder
alert(data.destName);

if (data.destName == "Status") {
    new Audio('https://dasisteineurl/ping.wav').play();
}
</script>
Du kannst ja mal etwas mehr Code zeigen, z.B. wie du "data.destName" mit einem Wert belegst. Sollte sich "data.destName" zu Laufzeit ändern, dann wird das so nicht funktionieren.
 

echelon

Mitglied
Mhm. Okay. Der Parameter "data.destName" ändert sich fortlaufend.
Die Webseite wird einmalig geladen und dann ändern sich die Inhalte in {{data.destName}} fortlaufend.

Wenn es noch einen anderen Ansatz gibt, gerne her damit :)
Es würde auch genügen wenn wie unten im Code hinter jedem z. Bsp.

}
.status-2, .status-8004 {

die .wav aufgerufen werden kann. Das ist dann zwar 9 x der Code... aber besser als gar nicht ;-)
Das ganze ist leider Teil eines Programmes und ich habe keine Mögliochkeit den Entwickler etc. zu Fragen.


Anbei der komplette HTML-Code der Seite:

HTML:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html lang="de">
<head>
  <style>
.status-0{
border-left: none !important;
border-top: solid 45px greenyellow !important;
}
.status-1, .status-8003 {
border-left: none !important;
border-top: solid 45px dodgerblue !important;
}
.status-2, .status-8004 {
border-left: none !important;
border-top: solid 45px darkgreen !important;
}
.status-3, .status-8005 {
border-left: none !important;
border-top: solid 45px red !important;
}
.status-4, .status-8006 {
border-left: none !important;
border-top: solid 45px yellow !important;
}
.status-5, .status-8007 {
border-left: none !important;
border-top: solid 45px seashell !important;
}
.status-6, .status-8008 {
border-left: none !important;
border-top: solid 45px darkgray !important;
}
.status-7, .status-8009 {
border-left: none !important;
border-top: solid 45px lawngreen !important;
}
.status-8, .status-800A {
border-left: none !important;
border-top: solid 45px cyan !important;
}
.status-9, .status-800B {
border-left: none !important;
border-top: solid 45px white !important;
}
.status-875A {
border-left: none !important;
border-top: solid 45px white !important;
}
  </style>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>
<body style="color: rgb(0, 0, 0);" alink="#ee0000" link="#0000ee"
 vlink="#551a8b">
<div style="background-color: rgb(0, 0, 0);" class="container">
<div style="width: 340px; height: 1808px;" class="row">
<table
 style="text-align: left; background-color: rgb(0, 0, 0); width: 350px; height: 1576px;"
 id="data" class="table">
  <thead style="font-family: Yu Gothic;">
  </thead> <tbody>
    <tr ng-repeat="data in datas | bytypes: typefilter"
 class="{{data.style}}">
      <td
 style="text-align: center; vertical-align: middle; font-size: 10pt; width: 342px; height: 100%; white-space: nowrap; background-color: rgb(0, 0, 0);"
 class="Rufname"><big style="font-family: Yu Gothic;"><big><span
 style="color: rgb(255, 255, 255);"><big><big><big><big><span
 style="font-weight: bold;"></span></big></big></big></big></span></big></big>
      <div
 style="text-align: left; font-family: Arial Black; width: 340px; height: 1542px; background-color: rgb(0, 0, 0);"><big><big><span
 style="color: rgb(255, 255, 255);"><big><big><big><big><span
 style="font-weight: bold;"></span><big style="font-weight: bold;"><big><small><span
 class=""></span></small></big></big></big></big></big></big></span></big></big><br>
      <div style="text-align: center; background-color: rgb(0, 0, 0);"><big><span
 style="color: rgb(255, 255, 255);"><big><big><big><big><big
 style="font-weight: bold;"><big><small><span class=""><small>
      <br>
      <br>
      <br>
      <span style="color: rgb(255, 255, 255);">{{data.srcName}}</span></small></span></small></big></big></big></big></big></big></span></big><small
 style="color: rgb(255, 255, 255);"><small><br>
      </small></small></div>
      <small style="color: rgb(255, 255, 255);"><small><small>
      </small></small></small>
      <div
 style="text-align: center; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><big
 style="font-weight: bold;"><big><big><big><big>&raquo;</big></big></big></big></big><big><big><span
 style="font-weight: bold;"></span>
      <big><big><big><big><small>{{data.message}}</small></big></big></big></big></big></big><small><small><br>
      </small></small></div>
      <big style="color: rgb(255, 255, 255);"><big><big><big><big>
      </big></big></big></big></big><big
 style="color: rgb(255, 255, 255);"><big><big><big><big><small
 id="destName"><br>
      </small></big></big></big></big></big>
      <div
 style="text-align: center; color: rgb(255, 255, 255); background-color: rgb(0, 0, 0);"><big><big><big><big><big><small
 id="destName">{{data.destName}}</small></big></big></big></big></big><br>
      </div>
      <div
 style="text-align: center; color: rgb(255, 255, 255); background-color: rgb(3, 0, 0);"><big><big><big><big><big><small>{{data.timestamp
| date: 'HH:mm'}}</small></big></big></big></big></big><big><big><span
 =""></span></big></big><br>
      <big><big><span =""> </span></big></big></div>
      </div>
      <big style="color: rgb(255, 255, 255);"><big><br>
      <big><big><big><big><small>
      </small></big></big></big></big></big></big></td>
    </tr>
  </tbody>
</table>
</div>
<div id="filter" class="navbar-default">
<div style="text-align: left; font-family: Arial Black;"> </div>
</div>
<script type="text/javascript">
if (data.destName = "Status") {
    new Audio('https://test.de/ping.wav').play();
}
</script>
</body>
</html>
 

echelon

Mitglied
Ergänzend dazu... es gibt noch eine app.js-Datei.
Hier sehen die Parameter wie folgt aus:

Javascript:
 }

    function parseStatus(data) {
        data.style = "status-" + data.status;
        data.readableType = "Status";
        data.message = data.statusText;
        data.dur = "Stat";
    data.destName = "Status";
        data.timestamp = window.ToJavaScriptDate(data.ts);

        $scope.$apply(function () {
            $scope.datas.unshift(data);
        });
    }
 

echelon

Mitglied
... weil es so auch nicht funktioniert. Er spielt dann nach wie vor nur die .wav beim erstmaligen laden der Webseite ab, nicht aber bei Veränderung.
 

Marinek

Bekanntes Mitglied
Hi ;)

Ich bin nicht so ein Java Script experte... Aber irgentwie fehlt mir auch ein Event auf das reagiert wird, damit der Sound abgespielt werden kann.

So wie das jetzt implementiert ist, wird das Script einmalig beim Öffnen der Seite wiedergegeben. Es funktioniert, wie implementiert.
 

echelon

Mitglied
Hey,
anbei der Code der app.js. Demnach ist das Event:

websocket.addEventListener("message", function (event) {
onMessage(event);

Javascript:
app.controller('TetraCtrlLive', function ($scope) {
    $scope.typefilter = {
        sds: true,
        status: true,
        call: true
    };
    $scope.datas = [];
    var config = getConfig();
    var websocket = new WebSocket(wsUri + "?MaxAlter=" + config.age);
    websocket.addEventListener("open", function (event) {
        onOpen(event);
    });
    websocket.addEventListener("close", function (event) {
        onClose(event);
    });
    websocket.addEventListener("message", function (event) {
        onMessage(event);
    });
    websocket.addEventListener("error", function (event) {
        onError(event);
    });

    $scope.toggleFilter = function (event, value) {
        if ($(event.currentTarget).hasClass("checked")) {
            $(event.currentTarget).removeClass("checked");
            $(event.currentTarget).addClass("unchecked");
        }
        else {
            $(event.currentTarget).addClass("checked");
            $(event.currentTarget).removeClass("unchecked");
        }
        setTimeout(function () {
            $scope.$apply(function () {
                switch (value) {
                    case 'sds':
                        $scope.typefilter.sds = !$scope.typefilter.sds;
                        break;
                    case 'call':
                        $scope.typefilter.call = !$scope.typefilter.call;
                        break;
                    case 'status':
                        $scope.typefilter.status = !$scope.typefilter.status;
                        break;
                }
            });
        }, 50);

    }

    function onOpen(evt) {
        console.log("Connected. (" + evt + ")");
    }

    function onClose(evt) {
        console.log("Disconnected. (" + evt + ")");
    }

    function onError(evt) {
        console.log("Error. (" + evt + ")");
    }

    function onMessage(evt) {
        var data = JSON.parse(evt.data);
        data.style = "";
        switch (data.type) {
            case 'call':
                parseCall(data);
                break;
            case 'status':
                parseStatus(data);
                break;
            case 'pos':
                parsePos(data);
                break;
            case 'sds':
                parseSds(data);
                break;
            case 'devupd':
                break;
            case 'radio':
                break;
            default:
                console.error("Unexpected message recieved");
                break;
        }
    }

    function parseStatus(data) {
        data.style = "status-" + data.status;
        data.readableType = "Status";
        data.message = data.statusText;
        data.dur = "Stat";
    data.destName = "Status";
        data.timestamp = window.ToJavaScriptDate(data.ts);
var audio = new Audio('https://xxx.de/ping.wav');
audio.play();
    

        $scope.$apply(function () {
            $scope.datas.unshift(data);
        });
    }

VG
Dennis
 

echelon

Mitglied
Hallo,

kann mir denn keiner diesbezüglich weiterhelfen?
Mir ist unklar aus welchem Grund die *wav nur beim laden der Seite abgespielt wird.

VG
Dennis
 

Marinek

Bekanntes Mitglied
Wie oft wird die Funktion parseStatus() aufgerufen?

Kannst du da eine Consolen Ausgabe hinzufügen und das prüfen.
 

echelon

Mitglied
Hallo,

das Problem hat sich gelöst.
Der Code an sich funktioniert.

Leider nicht im mobilen Browser (Android), da dort die autmatischen Wiedergaben verhindert werden.
Dies hatte ich beim Testen nicht bemerkt.
Sofern hier noch jemand einen Tipp hat mit dem man dies umgehen kann, bin ich dankbar.

Vielen Dank für die Hilfe an Alle.

VG
Dennis
 
Ähnliche Java Themen
  Titel Forum Antworten Datum
P Audio Datei abspielen Java Basics - Anfänger-Themen 18
W Dauer einer Audio-Datei Java Basics - Anfänger-Themen 2
R Audio kann nur zum Teil gestoppt werden Java Basics - Anfänger-Themen 1
volcanos sun.audio has been removed from Java since JDK 9 Java Basics - Anfänger-Themen 2
P eine kleine Aufgabe mit Audio Java Basics - Anfänger-Themen 1
H Audio in Java Java Basics - Anfänger-Themen 3
J Sharing Audio input Java Basics - Anfänger-Themen 6
S Hilfe bei Audio und zwischenspeicher Java Basics - Anfänger-Themen 5
M Audio + Timer Java Basics - Anfänger-Themen 12
S Input/Output audio in Programm einbinden Java Basics - Anfänger-Themen 17
H audio abspielen Java Basics - Anfänger-Themen 19
M Audio Stream läuft auf :connection abort: socket write error Java Basics - Anfänger-Themen 2
M Volume beim Abspielen von Audio Dateien Java Basics - Anfänger-Themen 2
D audio wiedergabe? Java Basics - Anfänger-Themen 11
X Audio über Mikrofon einlesen Java Basics - Anfänger-Themen 4
S Java Sound mit 24 bit/96 kHz Audio? Java Basics - Anfänger-Themen 12
X Audio: Abspielen eines OutputStreams Java Basics - Anfänger-Themen 4
L Audio-Clip rauscht nur Java Basics - Anfänger-Themen 5
G Audio wiedergeben Java Basics - Anfänger-Themen 10
B Audio Signale aufnehmen & Frequenzen mit Amplitude anzei Java Basics - Anfänger-Themen 2
J Audio capturen und über's Netzwerk streamen? Java Basics - Anfänger-Themen 2
M Audio Files mit Base64 De-/Endcodieren Java Basics - Anfänger-Themen 5
K Warum wird hier nur etwas in eine txt Datei geschrieben und nicht in alle drei (InputStream/OutputStream/Reader/Writer) Java Basics - Anfänger-Themen 1
farbenlos Csv Datei in Java einlesen Java Basics - Anfänger-Themen 18
S Daten aus Import Datei auslesen und sortieren Java Basics - Anfänger-Themen 2
A exe Datei erstellen Java Basics - Anfänger-Themen 8
J .jar datei öffnen funktioniert nicht Java Basics - Anfänger-Themen 17
P Aus Text Datei nur Zahlen übernehmen Java Basics - Anfänger-Themen 13
P Welches SDK für das erstellen einer ausführbaren Datei? Java Basics - Anfänger-Themen 4
W Fehler in der Datei pom.xml Java Basics - Anfänger-Themen 19
M Verständnisfrage: Warum wird die Datei ohne Inhalt übertragen Java Basics - Anfänger-Themen 3
D Jar Datei startet unter Linux nicht Java Basics - Anfänger-Themen 3
P Probleme mit NetBeans: Wie lässt sich jar. Datei an einem MacBook öffnen Java Basics - Anfänger-Themen 21
N Programm Funktioniert mit .txt Datei aber nicht mit .rtf Datei Java Basics - Anfänger-Themen 2
A Wie führe ich eine Batch-Datei von meiner Java-Anwendung aus? Java Basics - Anfänger-Themen 18
D Java Programm mit Batch-Datei starten Java Basics - Anfänger-Themen 32
W Objekte einer ArrayList in txt-datei schreiben mit Paths? Java Basics - Anfänger-Themen 2
E TIF Datei auslesen Java Basics - Anfänger-Themen 2
B von Java/Eclipse verwendete Datei existiert gar nicht? Java Basics - Anfänger-Themen 6
M Spezifischen Wert einer Zeile aus .txt Datei entnehmen Java Basics - Anfänger-Themen 15
B Popups mit Klicksabfangen zumAusfüllen einer .ods Datei Java Basics - Anfänger-Themen 0
M Daten aus .txt Datei einlesen und weiterverarbeiten Java Basics - Anfänger-Themen 80
M RandomAccessFile int und String gleichzeitig in einer Datei Java Basics - Anfänger-Themen 49
I Datei (Bild) Drucken und wie Druckeinstellung speichern? Java Basics - Anfänger-Themen 3
A CSV-Datei Verarbeiten Java Basics - Anfänger-Themen 8
D Downloadfortschritt von Datei über Google Drive API v3 Java Basics - Anfänger-Themen 10
A CSv.Datei einlesen und die werte in zweidemosional Int Array speichern Java Basics - Anfänger-Themen 9
B Den Dateipfad einer Java Datei durch Code in Selbiger finden? Java Basics - Anfänger-Themen 10
S In Datei schreiben in Java? Java Basics - Anfänger-Themen 1
Saiko Zeilen einer Datei einlesen Java Basics - Anfänger-Themen 3
sserio TXT-Datei Auslesen und den Wert jedes Namen ausrechnen etc. Java Basics - Anfänger-Themen 37
sserio Txt Datei einlesen Java Basics - Anfänger-Themen 9
T Printwriter Datei nicht überschreiben Java Basics - Anfänger-Themen 10
berserkerdq2 An selbst ersteller txt Datei immer Text dranhängen, ohne den vorherign Text zu löschen Java Basics - Anfänger-Themen 8
berserkerdq2 Wie gebe ich den Pfad zu einer Datei an, die in einem Ordner in Eclipse ist? Java Basics - Anfänger-Themen 1
D Strings aus Excel-Datei einlesen Java Basics - Anfänger-Themen 2
M Text in Datei schreiben Java Basics - Anfänger-Themen 9
S Datei anlegen Problem! Groß- und Kleinschreibung wird nicht unterschieden Java Basics - Anfänger-Themen 4
J selbst erstellte Datei mit Programm öffnen Java Basics - Anfänger-Themen 10
J int innerhalb einer Datei ändern Java Basics - Anfänger-Themen 1
T208 Text Datei individuell benennen. Java Basics - Anfänger-Themen 5
julian112 Input/Output .gz bzw. .txt Datei Einlesen und Umgang mit Exceptions Java Basics - Anfänger-Themen 1
F Aus eingelesener Datei korrekt Objekte erzeugen Java Basics - Anfänger-Themen 5
E extern Datei von meinem Computer aufmachen Java Basics - Anfänger-Themen 5
H Scripte oder Programmcode aus Datei lesen? Java Basics - Anfänger-Themen 5
E PDF Datei im xfdf-Datei umwandeln und auf dem Laufwerk ablegen Java Basics - Anfänger-Themen 0
J CSV-Datei verarbeiten Java Basics - Anfänger-Themen 27
A Verarbeiten einer Excel Datei durch das java-Programm Java Basics - Anfänger-Themen 3
P Datei einlesen, nach Begriff filtern und in Datei ausgeben. Problem Standardausgabe über Konsole Java Basics - Anfänger-Themen 19
nbergmann Installation unter jdk.java.net: Keine ZIP-Datei zum entpacken Java Basics - Anfänger-Themen 2
J Datei aus Netzwerk auslesen Java Basics - Anfänger-Themen 9
EchtKeineAhnungManchmal hallo habe ein Problem mit einer Datei -> (Zugriff verweigert) Java Basics - Anfänger-Themen 4
EchtKeineAhnungManchmal Controller aus FXML Datei entfernen Java Basics - Anfänger-Themen 49
I Probleme mit OutputStream - Datei lässt sich nicht öffnen Java Basics - Anfänger-Themen 4
Kotelettklopfer Sqlite DB aus Java Datei ansprechen. Java Basics - Anfänger-Themen 147
C XML Datei speichern und laden Java Basics - Anfänger-Themen 18
M Von einem Menü Methode aus anderer Klasse ausführen, die errechnete Werte in Datei schreibt. Java Basics - Anfänger-Themen 8
C XML Datei schreiben Java Basics - Anfänger-Themen 14
S Zufällige ungerade Zeile aus Text-Datei lesen Java Basics - Anfänger-Themen 5
J Wert in einer json Datei ändern und speichern Java Basics - Anfänger-Themen 3
L Java erstellt leere Datei Java Basics - Anfänger-Themen 8
J Json Datei auslesen Java Basics - Anfänger-Themen 4
J In main() Datei geöffnet, von anderer Funktion beschreiben Java Basics - Anfänger-Themen 3
I JAX-WS.... Datei ".ical" zurückgeben.... Wie annotieren? Java Basics - Anfänger-Themen 1
O zweidimensionales array in eine csv-Datei Java Basics - Anfänger-Themen 1
CptK Richtigen Pfad beim einlesen von Datei finden Java Basics - Anfänger-Themen 2
E Pfadangaben bei Ausführbarer Jar Datei Java Basics - Anfänger-Themen 8
J Input/Output Konstruktor ergänzen, der zur Datei mit einem Objekt passt Java Basics - Anfänger-Themen 0
I Datei als Stream aus Ressource laden? Java Basics - Anfänger-Themen 2
LetsSebi Methode, die einen arry von objekten speichert in einer datei Java Basics - Anfänger-Themen 6
R Wie installiere ich Jdownloadersetup.sh datei mit debian Java Basics - Anfänger-Themen 2
J Csv-Datei einlesen Java Basics - Anfänger-Themen 52
H Daten aus einer Datei in eine Liste speichern Java Basics - Anfänger-Themen 23
W Java in Exe Datei umgewandelt, Ressourcen fehlen (Bilder und Audiodateien) Java Basics - Anfänger-Themen 1
A Fehler beim Ausführen einer class Datei Java Basics - Anfänger-Themen 6
L Konstruktor für eine Map-Datei/Map-Datei einlesen Java Basics - Anfänger-Themen 5
S CSV Datei auslesen und anders darstellen Java Basics - Anfänger-Themen 2
O zufälliges Wort aus einer Datei einlesen Java Basics - Anfänger-Themen 32
E Input/Output Datei anhand von Dateinamen einlesen Java Basics - Anfänger-Themen 5
C Datei über relative Pfade einlesen Java Basics - Anfänger-Themen 6

Ähnliche Java Themen

Neue Themen


Oben