HTML-Code erstellen - AWS SDK for JavaScript

Hilf uns, das zu verbessernAWS SDK for JavaScriptVersion 3 (V3) -Dokumentation, indem Sie Feedback mithilfe derFeedbackverlinken, oder erstellen Sie ein Issue oder Pull Request aufGitHubaus.

DieAWS SDK for JavaScriptReferenzhandbuch zur V3-APIbeschreibt ausführlich alle API-Operationen für denAWS 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.

HTML-Code erstellen

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 Skripttag am Ende desbody-Element ruft denmain.js, die das gesamte Browserskript für die App enthalten. Sie erstellen die main.js mithilfe von 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ügbarhierGitHubaus.