> This is a page from the ElevenLabs documentation. For a complete page index, fetch https://elevenlabs.io/docs/llms.txt. For the full documentation in a single file, fetch https://elevenlabs.io/docs/llms-full.txt.

# Audio Native

![Audio Native](/docs/_fern-img/46d22deceeb0c48519f5c98400269b282f6919dc7d8e97baec7e2ca4a215dc8c.webp)

## 概要

Audio Nativeは、ElevenLabsの[テキスト読み上げ](/docs/ja/eleven-creative/playground/text-to-speech)サービスを使用して、Webページのコンテンツを自動的に音声化する埋め込みオーディオプレーヤーです。プロジェクトで事前生成したコンテンツをWebページに埋め込むこともできます。サイトへの埋め込みに必要なのは、小さなHTMLスニペットだけです。さらにAudio Nativeには、リスナーダッシュボードを通じてオーディエンスのエンゲージメントを正確に追跡できる組み込みの指標機能があります。

最終的には、ページのコンテンツをナレーションするAudio Nativeプレーヤー、または以下の例のようにプロジェクトで事前生成したコンテンツを埋め込むプレーヤーが作成されます。

## ガイド

#### Audio Nativeに移動

ElevenLabsダッシュボードの「オーディオツール」で、[「Audio Native」](https://elevenlabs.io/app/audio-native)に移動します。

#### プレーヤーの外観を設定

背景色とテキストの色を選択して、プレーヤーの外観をカスタマイズします。

#### 許可サイトを設定

URL許可リストは、コンテンツの再生を許可するWebページの一覧です。

特定のWebページ（例：`https://elevenlabs.io/blog`）を追加することも、ドメイン全体（例：`http://elevenlabs.io`）を許可リストに追加することもできます。許可リストにないページにプレーヤーを埋め込んだ場合、意図したとおりに動作しません。

#### 埋め込みコードを取得

プレーヤーと許可リストの設定が完了したら、埋め込みコードをコピーしてWebサイトのソースコードに貼り付けます。

## テクノロジー別ガイド

選択したWebテクノロジーにAudio Nativeを統合するには、以下のガイドを参照してください。

#### [React](/docs/ja/eleven-creative/audio-tools/audio-native/react)

#### [Ghost](/docs/ja/eleven-creative/audio-tools/audio-native/ghost)

#### [Squarespace](/docs/ja/eleven-creative/audio-tools/audio-native/squarespace)

#### [Framer](/docs/ja/eleven-creative/audio-tools/audio-native/framer)

#### [Webflow](/docs/ja/eleven-creative/audio-tools/audio-native/webflow)

#### [Wordpress](/docs/ja/eleven-creative/audio-tools/audio-native/word-press)

#### [Wix](/docs/ja/eleven-creative/audio-tools/audio-native/wix)

## APIの使用

[Audio Native API](/docs/ja/api-reference/audio-native/create)を使用すると、既存コンテンツ用のAudio Nativeプレーヤーをプログラムで作成できます。

**`Python`**

```python title="Python"
from elevenlabs import ElevenLabs

elevenlabs = ElevenLabs(
api_key="YOUR_API_KEY",
)
response = elevenlabs.audio_native.create(
name="name",
)

# Use the snippet in response.html_snippet to embed the player on your website

```

**`JavaScript`**

```javascript title="JavaScript"
import { ElevenLabsClient } from "@elevenlabs/elevenlabs-js";

const elevenlabs = new ElevenLabsClient({ apiKey: "YOUR_API_KEY" });
const { html_snippet } = await elevenlabs.audioNative.create({
    name: "my-audio-native-player"
});

// Use the HTML code in html_snippet to embed the player on your website
```

## 設定

#### 音声とモデル

### 音声

ページコンテンツの読み上げに使用する音声とモデルを設定するには、「Settings」タブに移動し、使用する音声とモデルを選択します。

#### 発音辞書

### 発音辞書

キャラクター名やブランド名など特定の単語の発音を指定したり、頭字語の読み方を指定したい場合があります。発音辞書では、音素アルファベット（phonemeタグ）または単語置換（aliasタグ）を使用して、指定した単語の発音ルールを含むレキシコンまたは辞書ファイルをアップロードできます。

プロジェクト内でこれらの単語のいずれかが検出されると、AIは指定された置換を使用してその単語を発音します。発音辞書で置換語を確認する際は、辞書が先頭から末尾まで確認され、最初の置換のみが使用されます。

## よくある質問

<tbody>
  <tr>
    <td>
      #### Audio Nativeとは？

      オーディオネイティブは、ElevenLabsのテキスト読み上げサービスを使ってウェブページのコンテンツを自動で音声化する埋め込みオーディオプレーヤーです。Studioプロジェクトで事前に生成したコンテンツをウェブページに埋め込むこともできます。サイトへの導入には、短いhtmlスニペットを追加するだけです。さらに、オーディオネイティブにはリスナーダッシュボードでオーディエンスのエンゲージメントを追跡できる指標が組み込まれています。

      オーディオネイティブはクリエイタープラン以上で利用できます。

      詳細については、[オーディオネイティブの概要](/docs/ja/creative-platform/audio-tools/audio-native)をご覧ください。
    </td>
  </tr>

  <tr>
    <td>
      #### Audio Nativeはどのプランで利用できますか？

      オーディオネイティブはクリエイタープラン以上で利用できます。

      詳細については、[オーディオネイティブの概要](/docs/ja/product-guides/audio-tools/audio-native)をご覧ください。
    </td>
  </tr>

  <tr>
    <td>
      #### Audio Nativeプレーヤーを更新する方法

      ウェブサイトを編集した、または新しい音声を使うことにしましたか？以下の手順でオーディオネイティブプレーヤーを更新し、変更を反映できます。

      **Studioプロジェクトを開く**\
      [オーディオネイティブページ](https://elevenlabs.io/app/audio-native)に移動し、更新したいページの横にある3つのドットをクリックして、**オーディオを編集**を選択します。対応するStudioプロジェクトが開きます。\


      ![](/docs/_fern-img/55eda284239de43d8010769153064cb7dade1c95de41a7913b377ef450a52a1a.webp)

      **変更を加える**\
      音声の変更やスクリプトの編集など、必要に応じてプロジェクトを更新します。

      **プロジェクトをMP3としてエクスポートする**\
      **エクスポート**に移動し、プロジェクトをエクスポートします。\


      ![](/docs/_fern-img/d3116f4d112d3fe033649676abf81212662976589ab131fe56ad96a50c8c7438.webp)

      \
      *注：MP3ファイルが不要な場合でも、オーディオネイティブを更新するにはこの手順が必要です。*

      **更新版を公開する**\
      MP3のエクスポートが完了したら、**エクスポート > 公開 > オーディオネイティブ**に移動します。

      **更新版を選択する**\
      **公開済みバージョン**をクリックし、新しくエクスポートしたオーディオのバージョンを選択して、埋め込みプレーヤーを更新します。\


      ![](/docs/_fern-img/52cb3fe992bb7540153b7d431aab9f44359c713056c1d35e72b5abfd2cdde2a5.webp)

      これで、オーディオネイティブプレーヤーにプロジェクトの最新バージョンが反映されます。



      ### **プレーヤーのタイトルと著者を更新する**

      オーディオネイティブプレーヤーに表示されるタイトルまたは著者を変更するには、次の手順に従います。

      * 対応するStudioプロジェクトエディターに移動します

      * ハンバーガーメニュー（☰）をクリックし、プロジェクト設定を選択します\


        ![](/docs/_fern-img/ef987276cce601b07bab9390e06adeb9d1b106f7ed78e8efa330a5a8b2181989.webp)

      * エクスポートタブに移動します\


        ![](/docs/_fern-img/87b69fe08f2e63aa905ba3e00035de251f94d43ebee8c9bb7592517538994781.webp)

      * タイトルと著者のフィールドを編集します\


        ![](/docs/_fern-img/77ed6d1a7724b2a6585a92216c4e1247fd115df74886ea5880fcd764a4608d1b.webp)

      これらの変更は埋め込みプレーヤーに自動的に反映されます。
    </td>
  </tr>
</tbody>