ホームページ >ウェブフロントエンド >CSSチュートリアル >次のJSおよびExpressJSを使用してSpeechをPDFに変換します
この記事では、Speechをダウンロード可能なPDFに変換するnext.jsとexpress.jsアプリケーションの構築を調査します。このSpeech-to-PDFコンバーターを作成するプロセスを掘り下げましょう。
追加の依存関係は次のとおりです。 next.js。
html-pdf-node
:htmlをpdfに変換します。セットアップ: 2つのプロジェクトフォルダーを作成することから始めます。1つはクライアント用(例: audio-to-pdf-client
)とサーバー用(例: audio-to-pdf-server
)。 express.jsサーバー:サーバーフォルダーに移動して実行:
npm init-y npm instruce html-pdf-node cors
create index.js
基本エクスプレスサーバーを備えたサーバーフォルダー:
const express( "express(" express "); const app = express(); app.listen(4000、()=&gt; console.log( "サーバーがポート4000") <code> speechtotext.jsx </code>その内部のファイル。 <code> pages/index.js </code>を変更して、<codetotext>コンポーネントをインポートおよびレンダリングします。基本構造には、開始、停止、音声認識のリセット、PDFへの変換のボタンが含まれます。 <codedable> divには、転写されたテキストが表示されます。 (詳細なコンポーネントコードとCSSスタイリングについては、元の記事を参照してください)。 <code> index.js </code>では、必要なモジュールをインポートします(<code> html-pdf-node </code>、<code> fs </code>、<code> cors </code> express.json())、およびポストルート(<code>/</code>)を定義します。このルートは、転写されたテキストを受信し、<code> HTML-PDF-NODE </code>を使用してPDFを生成し、ファイルシステムに保存し、PDFをクライアントに送信します。 (完全なサーバーサイドコードについては、元の記事を参照してください)。状態の読み込み、エラー、および成功メッセージを処理します。変換が成功すると、生成されたPDFのブラウザのダウンロードがトリガーされます。 (詳細<code> Handleconversion </code>関数については、元の記事を参照してください。 <p> <strong>最終手順:</strong> </p> <p>クライアントとサーバーの両方の完全なコードは、GitHub(元の記事で提供されるリンク)にあります。 Next.js開発サーバーとExpress.jsサーバーの両方を個別に実行することを忘れないでください。このセットアップを使用すると、Speech-to-PDF変換機能をテストできます。</p></codedable></codetotext>
以上が次のJSおよびExpressJSを使用してSpeechをPDFに変換しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。