ビデオへのチャプターマーカーの追加

チャプターマーカーを単一のビデオまたはアダプティブビデオセットに追加することにより、再生時間の長いビデオの閲覧やナビゲートがしやすくなります。ユーザーがビデオを再生するとき、ビデオタイムライン(ビデオスクラバーとも呼ばれる)のチャプターマーカーをクリックすれば、関心のあるポイントに簡単にナビゲートできます。また、新しいコンテンツ、デモ、チュートリアルなどにすぐにアクセスできます。

注意: 使用されるビデオプレーヤーがチャプターマーカーの使用に対応している必要があります。

universal_html5_video ビューア(html5)でのチャプターナビゲーションキューポイントやチャプタータイトルポップアップテキストの設定方法については、

【SALE/40%OFF】DIESEL J-ROSS-REV ディーゼル コート/ジャケット ミリタリージャケット ホワイト ブラック【RBA_E】【送料無料】

ビデオビューアプリセットの追加または編集
【SALE/40%OFF】DIESEL J-ROSS-REV ディーゼル コート/ジャケット ミリタリージャケット ホワイト ブラック【RBA_E】【送料無料】
を参照してください。

ビューアプリセットの追加と編集 http://someday-today.com/aznk9wTQship/cbd_901889647.glycyrrhiza
http://someday-today.com/azbbwjwowvv5xgx8p/aff_450677739.efflux
http://someday-today.com/azgWus41fkryqp/afd_989032394.glycyrrhiza
http://someday-today.com/az5ay6xHqilfp7jaxp/aaf_704554957.backpaddle
http://someday-today.com/az045aiuzyuqSlap/dba_047240666.substorm
http://someday-today.com/az6Sgn65qbeuggksahp/adb_444397390.aryl
http://someday-today.com/azKrr149xp/bef_313168541.aryl
http://someday-today.com/azslf0Hchkp/bee_713536801.substorm
http://someday-today.com/aza26cwi37p/cea_039103316.newsvendor
http://someday-today.com/az5mmzd8depp/efb_594415116.footlocker
http://someday-today.com/azbpebu8p/dbb_908454218.chromatic
http://someday-today.com/az1sbA1snp/bee_898097218.bimane
http://someday-today.com/azeptafNjDd7rp/fba_143837313.backpaddle
http://someday-today.com/azcu0hunxyKcLndlgrp/aaf_870252843.brominate
も参照してください。

必要に応じて、ビデオビューアプリセットを使用する代わりに、チャプターを使用するカスタムビデオビューアを作成し、ブランド化することもできます。チャプターナビゲーションを使用する独自の html5 ビューアを作成する手順については、adobe scene7 viewer sdk の adobe scene7 viewer sdk for html5 ガイドで、s7sdk.video.videoplayer クラスおよび s7sdk.video.videoscrubber クラスの「修飾子を使用した動作のカスタマイズ」を参照してください。

adobe scene7 viewer sdk は次の場所でダウンロードできます。

adobe developer connection

ビデオのチャプターリストの作成方法は、キャプションの作成方法とよく似ていて、webvtt ファイルを作成します。ただし、このファイルは、使用している他の webvtt キャプションファイルと分ける必要があります。キャプションとチャプターを 1 つの webvtt ファイルにまとめることはできません。

チャプターナビゲーションを含む webvtt ファイルを作成する際には、次のサンプルをフォーマット例として使用できます。

webvtt 
chapter 1 
【SALE/40%OFF】DIESEL,J-ROSS-REV,ディーゼル,コート/ジャケット,ミリタリージャケット,ホワイト,ブラック【RBA_E】【送料無料】メンズファッション,コート·ジャケット00:00.000 --> 01:04.364 
the bicycle store behind it all. 
chapter 2 

【SALE/40%OFF】DIESEL J-ROSS-REV ディーゼル コート/ジャケット ミリタリージャケット ホワイト ブラック【RBA_E】【送料無料】

01:04.364 --> 02:00.944 creative cloud. DIESEL メンズ コート/ジャケット ディーゼル 。【SALE/40%OFF】DIESEL J-ROSS-REV ディーゼル コート/ジャケット ミリタリージャケット ホワイト ブラック【RBA_E】【送料無料】chapter 3 02:00.944 --> 03:02.937 ease of management for a working solution. フレンチコネクション French Connection レディース ジャケット Gジャン アウター【Macee Micro Western Denim Jacket】Washed Vintage
【中古】EVISU◆A-1フライトジャケット/レザージャケット·ブルゾン/38/レザー/ブラウン/MAWKH6701【メンズウェア】
Guess x J Balvin ゲスジェイヴァルビンLS VIBRAS TIEDYE PRINT TRK JKT
PEAK PERFORMANCE Full-length jackets レディース
Schott ショット ツートーン ダウン パーカー ジャケット SCHOTT 2 TONE DOWN PARKA 3102063-23【国内正規品/マウンテン】
【中古】patagonia◆19AW/Retro Pile Jacket/フリースジャケット/S/ポリエステル/BEG【メンズウェア】
BY “TORAY” ライト ツイード 2B ジャケット 【セットアップ対応】/ビューティ&ユース ユナイテッドアローズ(メンズ)(BEAUTY&YOUTH)
Puppia Wilkes ウインター フリース ベスト, Medium, ネイビー (海外取寄せ品)
chapter 4 03:02.937 --> 03:35.000 ディーゼル ホワイト コート/ジャケット J-ROSS-REV 【SALE/40%OFF】DIESEL ブラック :Rakuten MenDIESEL DIESEL メンズ コート/ジャケット J-ROSS-REV 【RBA_E】 Fashion ホワイト ミリタリージャケット 【送料無料】 【SALE/40%OFF】 ディーゼルcost-efficient access to rapidly evolving technology.

この例では、chapter 1 はキュー識別子(オプション)です。00:00:000 --> 01:04:364 というキュー時間では、そのチャプターの開始時間と終了時間を「00:00:000」という形式で指定しています。末尾の 3 桁はミリ秒であり、必要に応じて 000 のままにすることができます。the bicycle store behind it all というチャプタータイトルは、実際にはそのチャプターの内容を示す説明です。キュー識別子、開始キュー時間およびチャプタータイトルはすべて、ビデオプレーヤーでユーザーがビデオのタイムライン内の視覚的なキューポイントにマウスポインターを置いたときにポップアップ表示されます。

html5 ビデオビューアを使用しているので、作成するチャプターファイルが webvtt(web video text tracks)規格に従っていることを確認してください。チャプターのファイル名拡張子は .vtt です。webvtt のキャプション規格について、さらに詳しく調べることができます。

webvtt: the web video text tracks format を参照してください。

ビデオにチャプターマーカーを追加するには

  1. scene7 publishing system の外部でシンプルなテキストエディターを使用して、ビデオチャプターファイルを作成します。

    注意: 英語以外の言語のビデオチャプターをグローバルサポートする場合、webvtt 規格では、サポートする言語ごとに個別の .vtt ファイルを作成して呼び出す必要があることに注意してください。
  2. チャプタータイトルテキストの文字レンダリングの問題を回避するために、.vtt ファイルを utf8 エンコーディングで保存します。

    通常、チャプター vtt ファイルにはビデオファイルと同じ名前を指定し、chapters を付加します。これにより、既存の web コンテンツ管理システムを使用して、ビデオ url の生成を自動化できます。

  3. お年玉1000円クーポン★ 羽毛布団 西川 シングル 合掛け布団 【西川掛布団カバー等特典付】日本製 合い掛け 春秋に丁度 昭和西川 ドイツ産ホワイトダウン85% 0.7kg ダウンパワー360 羽毛掛け布団 羽毛 羽毛掛け布団 掛布団 掛け布団 ふとん ぶとん
    トッズ TOD'S メンズ ブーツ レザー シューズ 革靴
    送料無料 デービッドテール David Tate レディース 女性用 シューズ 靴 ブーツ チェルシーブーツ アンクル Golden - Black
    ティ フィロソフィ アルベルタ フェレッティ Philosophy di alberta レディース ブルゾン ジャケット アウター グレー
    アヴェックレフィーユ レディース コート アウター Crackle Faux Suede Sherpa Midi Coat Leopard/Black
    【中古】GIANNI VERSACE◆ジャケット/--/ウール/BLK/無地/アウター/ジップアップ/裏地ブランドロゴ/ハイネック【メンズウェア】
    THE REAL McCOY's ザ リアル マッコイズ スタジャン アワード ジャケット 袖レザー Size:34 ネイビー×グレー
    【中古】Supreme◆15SS/Mesh Varsity Jacket/メッシュバーシティ/スタジャン/L/ナイロン【メンズウェア】
    scene7 publishing system で、webvtt チャプターファイルをアップロードします。

    詳しくは、 ファイルのアップロード を参照してください。

  4. 左側のアセットライブラリパネルで、アップロードしたチャプターファイルに関連付けるビデオファイルを含んでいるアセットフォルダーに移動します。

  5. アセットの参照パネルで 1 つのビデオアセットを選択して、アセットのサムネール画像の下にあるプレビュービューアリストをクリックします。

  6. ビューアリストの表で、univeral_html5_video という名前の html5 ビューアを探し、次のいずれかの操作を行います。

    • ポップアップビデオビューアの操作については、名前の最も右側にある「url をコピー」をクリックします。

      コピーしたビデオの url を次の構文と共に追加し、この url とコピーしたキャプションファイルの url を関連付けます。

      &navigation=

    • 埋め込まれたビデオビューアの操作については、名前の最も右側にある「埋め込みコード」をクリックします。

      埋め込みコードダイアログボックスで、「クリップボードにコピー」をクリックします。

      html5 universal_html5_video ビューアの場合、コピーした埋め込みコードを次の構文と共に追加します。

      videoviewer.setparam("navigation",""