Erstellen Sie den HTML-Code - AWS SDK for JavaScript

Helfen Sie uns, dasAWS SDK for JavaScriptVersion 3 (V3) -Dokumentation durch Feedback unter Verwendung derFeedbackLink oder erstellen Sie ein Problem oder ziehen Sie eine Anfrage anGitHubaus.

DieAWS SDK for JavaScriptReferenzhandbuch zur V3-API-Referenzbeschreibt ausführlich alle API-Operationen für dieAWS SDK for JavaScriptVersion 3 (V3).

Die vorliegende Übersetzung wurde maschinell erstellt. Im Falle eines Konflikts oder eines Widerspruchs zwischen dieser übersetzten Fassung und der englischen Fassung (einschließlich infolge von Verzögerungen bei der Übersetzung) ist die englische Fassung maßgeblich.

Erstellen Sie den HTML-Code

Dieses Thema ist Teil eines Tutorials zum Erstellen einer App, die Sprachnachrichten für authentifizierte Benutzer transkribiert und anzeigt. Um am Anfang des Tutorials zu beginnen, lesen Sie Erstellen Sie eine Transkriptions-App mit authentifizierten Benutzern.

Erstellen einesindex.htmlDatei und kopiere den Inhalt unten und füge ihn ein. Die Seite verfügt über Schaltflächen zum Aufzeichnen von Sprachnachrichten und eine Tabelle, in der die zuvor transkribierten Nachrichten des aktuellen Benutzers angezeigt werden. Das Script-Tag am Ende desbody-Element ruft dasmain.js, die das gesamte Browserskript für die App enthalten. Sie erstellen die main.js mit Webpack, wie im folgenden Abschnitt dieses Tutorials beschrieben.

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>title</title> <link rel="stylesheet" type="text/css" href="recorder.css"> <style> table, td { border: 1px solid black; } </style> </head> <body> <h2>Record</h2> <p> <button id="record" onclick="startRecord()"></button> <button id="stopRecord" disabled onclick="stopRecord()">Stop</button> <p id="demo" style="visibility: hidden;"></p> </p> <p> <audio id="recordedAudio"></audio> </p> <h2>My transcriptions</h2> <table id="myTable1" style ="width:678px;"> </table> <table id="myTable" style ="width:678px;"> <tr> <td style = "font-weight:bold">Time created</td> <td style = "font-weight:bold">Transciption</td> <td style = "font-weight:bold">Download</td> <td style = "font-weight:bold">Delete</td> </tr> </table> <script type="text/javascript" src="./main.js"></script> </body> </html>

Dieses Codebeispiel ist verfügbarhier auf GitHubaus.