HTML <audio> 要素をオンラインで作成
HTML Audio ジェネレーターは、任意の OGG と MP3 の <source> 要素を含む <audio> 要素を作成します。一方または両方の音声ファイルの場所を入力し、読み込みと再生の設定を選ぶと、プレビュー、HTML 出力、C# 出力が同時に更新されます。
Audio ジェネレーターの設定
- Source (OGG) と Source (MP3) は、子の
<source>要素に使用する URL または相対パスを設定します。空のソースは省略されます。 - Preload は
auto、metadata、noneをブラウザーへの読み込みのヒントとして追加します。 - Autoplay、Controls、Loop、Muted は、対応するブール属性を
<audio>要素へ追加します。
生成されるマークアップでは OGG ソースが MP3 ソースより先に置かれます。ブラウザーは順番にソースを確認し、再生できるものを選択します。
C# で HTML <audio> 要素を作成
上の HTML Code パネルには設定した audio のマークアップが表示され、下の C# Code パネルでは Aspose.HTML for .NET を使用して同じ要素とソース一覧を作成します。
HTMLDocumentを作成し、Document.CreateElement()で<audio>要素を作成します。Element.SetAttribute()で、選択した Preload と再生の値を適用します。- 指定された OGG と MP3 の
<source>要素を作成し、Node.AppendChild()で audio 要素へ追加します。 - audio 要素をドキュメント本体へ追加し、
HTMLDocument.Save()でaudio.htmlとして保存します。
最初にオーディオプレーヤーを設定し、更新された C# コードを .NET プロジェクトへコピーしてください。
HTML Audio ジェネレーターの FAQ
1. プレビューで音声を再生できないのはなぜですか?
各 URL または相対パスがブラウザーから取得できるリソースを指し、ブラウザーが音声のエンコード形式をサポートしている必要があります。再生可能なソースがないと表示される場合は、解決後の URL、サーバーのレスポンス、MIME タイプ、コーデックの互換性を確認してください。
2. OGG と MP3 の両方を指定できるのはなぜですか?
代替ソースは、ブラウザーや環境をまたいだ再生互換性を高めます。生成された <audio> 要素では OGG、MP3 の順に記載され、ブラウザーはメディアタイプとエンコードをサポートする最初のソースを使用します。
3. Autoplay を有効にしても音声が一時停止したままなのはなぜですか?
ブラウザーは、ユーザーがページを操作するまで音声付きの自動再生を通常ブロックします。Muted を有効にすると一部の環境で自動再生できる場合がありますが、最終的な動作はブラウザーポリシーとユーザー設定によって決まります。
4. Preload はブラウザーがダウンロードする音声量を保証しますか?
いいえ。preload 属性は命令ではなくヒントです。none は先読みを控え、metadata は基本情報を要求し、auto はより多くのデータ取得を許可しますが、ブラウザーは別の方法を選択できます。
5. このジェネレーターは音声ファイルをアップロード、ホスト、変換しますか?
いいえ。入力した OGG または MP3 の場所を参照する HTML と C# コードだけを作成します。ファイルは URL または相対パスですでに利用でき、対象ブラウザーが対応する形式でエンコードされている必要があります。
Aspose.HTML for .NET のインストール
.NET CLI を使用して、NuGet から Aspose.HTML for .NET をインストールします。
dotnet add package Aspose.HTML
NuGet パッケージ マネージャーの UI を使用するか、パッケージ マネージャー コンソールで Install-Package Aspose.HTML を実行することもできます。セットアップの詳細は
インストール ガイド
を参照してください。評価制限なしで API を試すには、
一時ライセンス
を申請できます。
関連する HTML ジェネレーター
専用ジェネレーターで他の HTML 構造や要素を作成できます。