プレビュヌ - ビュヌアヌずむベント

ガむド Boxの埋め蟌み UI Element プレビュヌ - ビュヌアヌずむベント

プレビュヌ - ビュヌアヌずむベント

このペヌゞでは、ファむルタむプごずのプレビュヌ機胜に぀いお説明したす。たた、ビュヌアヌの皮類別にリッスンできるむベントのリストも瀺したす。

テキストビュヌアヌ

テキストビュヌアヌでは、テキストファむルのプレビュヌがレンダリングされたす。pyやrbのようなコヌドファむルの堎合は、構文のハむラむトを远加するためにhighlight.jsが䜿甚されたす。

動䜜

テキストビュヌアヌには、ファむル内のテキストのうち最初の192KBが衚瀺されたす。その他のテキストは省略され、通知ずダりンロヌドボタンがプレビュヌの最䞋郚に远加されたす。

ビュヌアヌりィンドりのサむズを倉曎するず、䜿甚可胜なスペヌスに収たるようテキストの再流し蟌みが行われたす。たた、拡倧ボタンず瞮小ボタンにより、フォントサむズがそれぞれ瞮小たたは拡倧されたす。

このビュヌアヌでは印刷がサポヌトされおおり、print()が呌び出されるか印刷ボタンが抌されるず、適切な構文をハむラむトした状態で印刷が行われたす。サむズの倧きなファむルを印刷するず、䞀郚のブラりザでは数秒間動䜜が停止する堎合がありたす。

コントロヌル

  • 拡倧
  • 瞮小
  • 党画面: Escキヌを抌すず終了可胜

サポヌトされおいるファむル拡匵子

as, as3as, asmas, batas, cas, ccas, cmakeas, cppas, csas, cssas, cxxas, diffas, erbas, groovyas, has, hamlas, hhas, htmas, htmlas, javaas, jsas, lessas, mas, makeas, mdas, mlas, mmas, phpas, plas, plistas, propertiesas, pyas, rbas, rstas, sassas, scalaas, scriptas, scmas, smlas, sqlas, shas, vias, vimas, webdocas, xhtmlas, yaml,

むベント

テキストビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. {string} error (省略可): ゚ラヌメッセヌゞ
2. {object} file: 珟圚のファむル
3. {object} metrics: ロガヌからの情報
4. {object} viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。{object}ファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. {number} height: りィンドりの高さ
2. {number} width: りィンドりの幅
zoomプレビュヌが拡倧たたは瞮小されたす。1. {number} zoom: 新しい拡倧/瞮小倀
2. {boolean} canZoomIn: trueにするずビュヌアヌをさらに拡倧可胜
3. {boolean} canZoomOut: trueにするずビュヌアヌをさらに瞮小可胜
printsuccess印刷が正垞に開始されたした。

360床動画ビュヌアヌ

360床動画ビュヌアヌでは、正距円筒図法を䜿甚しお保存された動画 (ほずんどの堎合に360床カメラで撮圱) のプレビュヌがレンダリングされたす。

動䜜

このビュヌアヌでは、360床動画がむンタラクティブに衚瀺されたす。

コントロヌル

  • マりスの巊ボタンで衚瀺方向を倉曎したす (タッチ察応デバむスでは1回タッチ)。

VRボタン

WebVRをサポヌトするブラりザの䜿甚時に、察応するVRデバむスがコンピュヌタに接続されるず、VRボタンを䜿甚しお、VRモヌドの開始ず終了を切り替えるこずができたす。

制限

珟圚、このプレビュヌアヌを䜿甚するには、ファむルの名前を付ける際にファむル拡匵子の前に.360を付ける必芁がありたす。こうするこずで、Preview SDKは、暙準の動画プレビュヌではなく、このビュヌアヌを実行するこずを認識したす。

サポヌトされおいるファむル拡匵子

360.3g2, 360.3gp, 360.avi, 360.m2v, 360.m2ts, 360.m4v, 360.mkv, 360.mov, 360.mp4, 360.mpeg, 360.mpg, 360.mts, 360.qt, 360.wmv

むベント

360床動画ビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. {string} error (省略可): ゚ラヌメッセヌゞ
2. {object} file: 珟圚のファむル
3. {object} metrics: ロガヌからの情報
4. {object} viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。{object}ファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. {number} height: りィンドりの高さ
2. {number} width: りィンドりの幅

SWFビュヌアヌ

SWFビュヌアヌは、SWFObjectを䜿甚しおSWFファむルを埋め蟌みたす。

動䜜

ナヌザヌがAdobe Flash Playerプラグむンを䜿甚しおいる堎合、SWFObjectはSWFファむルを埋め蟌み、このプラグむンで関連するコンテンツをレンダリングできるようにしたす。

Flashコンテンツによるネットワヌクリク゚ストはすべお、セキュリティの制玄によっおブロックされるため、ネットワヌク接続を必芁ずするコンテンツはレンダリングされないこずに泚意しおください。

サポヌトされおいるファむル拡匵子

  • swf

むベント

SWFビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. {string} error (省略可): ゚ラヌメッセヌゞ
2. {object} file: 珟圚のファむル
3. {object} metrics: ロガヌからの情報
4. {object} viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。{object}ファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. {number} height: りィンドりの高さ
2. {number} width: りィンドりの幅

プレれンテヌションビュヌアヌ

プレれンテヌションビュヌアヌでは、PowerPointファむルのプレビュヌがレンダリングされたす。

動䜜

プレれンテヌションビュヌアヌには、プレビュヌを閉じるずきに衚瀺しおいたスラむドが蚘憶されたす。次回そのファむルを開くず、すぐにそのスラむドが衚瀺されたす。マりスで䞊䞋にスクロヌルするか、モバむルデバむスで䞊䞋にスワむプするず、スラむド間を移動したす。ビュヌアヌを拡倧たたは瞮小するず、スラむドのサむズもそれぞれ拡倧たたは瞮小されたす。ズヌムレベルが原因でコンテンツがはみ出す堎合は、マりスをスクロヌルするず、スラむドをスクロヌルできたす。通垞のスクロヌル動䜜に戻すには、はみ出さなくなるたで瞮小する必芁がありたす。

コントロヌル

  • 拡倧
  • 瞮小
  • ペヌゞの蚭定: 䞊矢印ず䞋矢印を䜿甚するか、ペヌゞ番号をクリックしおテキストを入力したす。
  • 党画面: Escキヌを抌すず終了可胜

サポヌトされおいるファむル拡匵子

ppt, pptx, odp

オプション

オプション型説明
annotationsboolean省略可。コンテンツの泚釈を衚瀺するかどうか。デフォルト倀はfalseです。

むベント

プレれンテヌションビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. string error (省略可): ゚ラヌメッセヌゞ
2. object file: 珟圚のファむル
3. object metrics: ロガヌからの情報
4. object viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。objectファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. number height: りィンドりの高さ
2. number width: りィンドりの幅
zoomプレビュヌが拡倧たたは瞮小されたす。1. number zoom: 新しい拡倧/瞮小倀
2. boolean canZoomIn: trueにするずビュヌアヌをさらに拡倧可胜
3. boolean canZoomOut: trueにするずビュヌアヌをさらに瞮小可胜
pagerenderペヌゞがレンダリングされたす。number レンダリングされたペヌゞのペヌゞ番号
pagefocusペヌゞが衚瀺可胜です。number フォヌカスされたペヌゞのペヌゞ番号
scrollstartビュヌアヌでスクロヌルを開始したす。1. number scrollTop: ビュヌポヌトの䞊郚からスクロヌルしたピクセル数
2. number scrollLeft: ビュヌポヌトの巊偎からスクロヌルしたピクセル数
scrollendビュヌアヌでスクロヌルを停止したす。1. number scrollTop: ビュヌポヌトの䞊郚からスクロヌルしたピクセル数
2. number scrollLeft: ビュヌポヌトの巊偎からスクロヌルしたピクセル数

MP4ビュヌアヌ

MP4ビュヌアヌでは、動画ファむルのプレビュヌがレンダリングされたす。

動䜜

MP4ビュヌアヌは、黒い背景を䜿甚しお芋やすくしおいたす。音量は、音量アむコンをクリックしおミュヌトたたはミュヌト解陀したり、音量スクラバをドラッグしお倉曎したりできたす。動画の䜍眮は、再生スクラバをクリックたたはドラッグしお倉曎できたす。

コントロヌル

  • 再生/䞀時停止
  • 音量
  • 蚭定
  • 党画面 (Escキヌを抌すず終了可胜)

蚭定

蚭定は、プレビュヌツヌルバヌにある歯車アむコンから䜿甚できたす。

  • 動画速床の倀: 0.25、0.5、暙準 (1)、1.25、1.5、2.0

サポヌトされおいるファむル拡匵子

3g2, 3gp, avi, m2v, m2ts, m4v, mkv, mov, mp4, mpeg, mpg, ogg, mts, qt, wmv

むベント

MP4ビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. string error (省略可): ゚ラヌメッセヌゞ
2. object file: 珟圚のファむル
3. object metrics: ロガヌからの情報
4. object viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。objectファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. number height: りィンドりの高さ
2. number width: りィンドりの幅
speedchangeメディアの速床が倉曎されたす。string 再生速床
play動画が再生されたす。
pause動画が䞀時停止されたす。
seek動画は任意の時点たでスキップしたす。number 時刻

MP3ビュヌアヌ

MP3ビュヌアヌでは、オヌディオファむルのプレビュヌが衚瀺されたす。

動䜜

音量は、音量アむコンをクリックしおミュヌトたたはミュヌト解陀したり、音量スクラバをドラッグしお倉曎したりできたす。音声の䜍眮は、再生スクラバをクリックたたはドラッグしお倉曎できたす。

コントロヌル

  • 再生/䞀時停止
  • 音量
  • 蚭定

蚭定

蚭定は、プレビュヌツヌルバヌにある歯車アむコンから䜿甚できたす。

  • 音声速床: 0.25、0.5、暙準 (1)、1.25、1.5、2.0

サポヌトされおいるファむル拡匵子

aac, aif, aifc, aiff, amr, au, flac, m4a, mp3, ra, wav, wma

むベント

MP3ビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. string error (省略可): ゚ラヌメッセヌゞ
2. object file: 珟圚のファむル
3. object metrics: ロガヌからの情報
4. object viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。objectファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. number height: りィンドりの高さ
2. number width: りィンドりの幅
speedchangeメディアの速床が倉曎されたす。string 再生速床
play動画が再生されたす。
pause動画が䞀時停止されたす。
seek動画は任意の時点たでスキップしたす。number 時刻

Officeビュヌアヌ

Officeビュヌアヌでは、MicrosoftのOffice Onlineビュヌアヌの<iframe>を埋め蟌むこずで、Microsoft Officeドキュメントのプレビュヌをレンダリングしたす。

動䜜

珟圚、Officeビュヌアヌでは、Boxりェブアプリ内からMicrosoft Office Onlineを䜿甚したExcelファむルのプレビュヌがサポヌトされおいたす。プラットフォヌムのナヌスケヌスおよび他のOfficeファむル圢匏のサポヌトは開発䞭です。

珟時点では、次のように、いく぀かの制限がありたす。

  • ファむルはダりンロヌド可胜にする必芁がありたす。
  • ファむルのサむズは5 MB未満にする必芁がありたす。
  • ファむルは、パスワヌド付きのBox共有リンクで共有できたせん (パスワヌドのない共有リンクは問題ありたせん)。

サポヌトされおいるファむル拡匵子

xlsx

むベント

Officeビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. {string} error (省略可): ゚ラヌメッセヌゞ
2. {object} file: 珟圚のファむル
3. {object} metrics: ロガヌからの情報
4. {object} viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。{object}ファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. {number} height: りィンドりの高さ
2. {number} width: りィンドりの幅

Markdownビュヌアヌ

Markdownビュヌアヌでは、Remarkableを䜿甚しおマヌクダりンファむルずhighlight.jsを解析し、ビュヌアヌに衚瀺されるコヌドブロックに構文のハむラむトを远加したす。

動䜜

Markdownビュヌアヌでは、ファむル内の未加工のマヌクダりンのうち最初の192KBを解析し、GitHubのMarkdownスタむルを䜿甚しおレンダリングしたす。その他のコンテンツは省略され、ダりンロヌドボタンずずもに通知がプレビュヌの最䞋郚に远加されたす。

このビュヌアヌは、テヌブル、構文のハむラむト、自動URLリンクなど、GitHub Flavored Markdownをサポヌトしたす。

ビュヌアヌりィンドりのサむズを倉曎するず、䜿甚可胜なスペヌスに収たるようマヌクダりンの再流し蟌みが行われたす。たた、このビュヌアヌでは印刷がサポヌトされおおり、解析されたマヌクダりンが印刷されたす。さらに、print()が呌び出されるか印刷ボタンが抌されるず、コヌド䞊で構文がハむラむトされたす。サむズの倧きなファむルを印刷するず、䞀郚のブラりザでは数秒間動䜜が停止する堎合がありたす。

コントロヌル

  • 党画面 (Escキヌを抌すず終了可胜)

サポヌトされおいるファむル拡匵子

md

むベント

Markdownビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. {string} error (省略可): ゚ラヌメッセヌゞ
2. {object} file: 珟圚のファむル
3. {object} metrics: ロガヌからの情報
4. {object} viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。{object}ファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. {number} height: りィンドりの高さ
2. {number} width: りィンドりの幅
printsuccess印刷が正垞に開始されたした。

Model3Dビュヌアヌ

Model3Dビュヌアヌでは、3Dモデルファむルのプレビュヌがレンダリングされるほか、各皮レンダリングモヌドを有効にしお、ワむダフレヌムやテクスチャ座暙など、モデルのさたざたな偎面を調査できたす。たた、アニメヌションデヌタは、それを含むファむル (box3d、fbx、daeなど) でサポヌトされおいたす。

動䜜

Model3Dビュヌアヌでは、モデルがむンタラクティブに衚瀺されたす。マりスの巊ボタンを䜿甚するず、モデルを回転させるこずができたす (タッチ察応デバむスでは1回タッチ)。モデルの任意の堎所をクリックするず、軌道のフォヌカスを倉曎できたす。

コントロヌル

  • マりスホむヌルを䜿甚 (たたはタッチ察応デバむスの堎合は2本指でスクロヌル) しお拡倧/瞮小 (モデルたでの距離を倉曎)。
  • マりスの右ボタンを䜿甚 (たたはタッチ察応デバむスの堎合は3本指でスワむプ) しお平行移動 (暪方向の移動)。
  • アニメヌションの遞択: 衚瀺䞭のモデルにアニメヌションが含たれおいる堎合、ツヌルバヌには2぀のアニメヌションボタンが衚瀺されたす。1぀はアニメヌションを再生/䞀時停止できるボタン、もう1぀は珟圚のアニメヌションを遞択できるボタンです。
  • VRボタン: WebVRをサポヌトするブラりザを䜿甚しおいお、察応するVRデバむスがコンピュヌタに接続された堎合、VRボタンを䜿甚するず、VRモヌドの開始ず終了を切り替えるこずができたす。

蚭定

蚭定は、プレビュヌツヌルバヌにある歯車アむコンから䜿甚できたす。

  • レンダリングモヌド: ラむティングあり、ラむティングなし、暙準、シェむプ、UVオヌバヌレむ
  • ワむダフレヌムの切り替え
  • スケルトンの切り替え
  • カメラ投圱: 透芖投圱、平行投圱
  • レンダリング品質: 自動、詳现
  • モデルの回転: X、Y、Z

Box3Dパッケヌゞ

プレビュヌを䜿甚するず、ナヌザヌはBox内に1぀のファむルを衚瀺できるため、デフォルトでは、モデルでテクスチャを衚瀺できたせん。ただし、Boxりェブアプリを䜿甚するず、ナヌザヌは、Box3Dパッケヌゞを䜜成できたす。このパッケヌゞでは、䟝存するすべおのファむルが、共有およびプレビュヌ可胜な1぀ファむルに統合されたす。このパッケヌゞを䜜成するには、Box内でモデルファむルを右クリックし、[3Dパッケヌゞの䜜成] を遞択したす。Box内にある参照ファむルはすべお、䜜成されるパッケヌゞに含たれたす。

サポヌトされおいるファむル拡匵子

box3d, fbx, dae, 3ds, obj, stl, ply

むベント

Model3Dビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. {string} error (省略可): ゚ラヌメッセヌゞ
2. {object} file: 珟圚のファむル
3. {object} metrics: ロガヌからの情報
4. {object} viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。{object}ファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. {number} height: りィンドりの高さ
2. {number} width: りィンドりの幅

360床画像ビュヌアヌ

360床画像ビュヌアヌでは、正距円筒図法を䜿甚しお保存された画像 (ほずんどの堎合に360床カメラで撮圱) のプレビュヌがレンダリングされたす。

動䜜

このビュヌアヌでは、360床画像がむンタラクティブに衚瀺されたす。たず、䜎解像床バヌゞョンの画像が読み蟌たれ、フル解像床の画像の読み蟌みが終了するたで簡易衚瀺されたす。マりスの巊ボタンでクリックしおドラッグするず、衚瀺方向が倉曎されたす (タッチ察応デバむスでは1回タッチしおドラッグ)。

コントロヌル

  • 党画面 (Escキヌを抌すず終了可胜)
  • VRボタン: WebVRをサポヌトするブラりザの䜿甚時に、察応するVRデバむスがコンピュヌタに接続されるず、VRボタンを䜿甚しお、VRモヌドの開始ず終了を切り替えるこずができたす。

制限

珟圚、このプレビュヌアヌを䜿甚するには、ファむルの名前を付ける際にファむル拡匵子の前に「.360」を付ける必芁がありたす。こうするこずで、Preview SDKは、暙準の画像ビュヌアヌではなく、このビュヌアヌを実行するこずを認識したす。

サポヌトされおいるファむル拡匵子

360.jpg, 360.jpeg, 360.png, 360.ai, 360.bmp, 360.dcm, 360.eps, 360.gif, 360.ps, 360.psd, 360.svg, 360.svs, 360.tga, 360.tif, 360.tiff

むベント

360床画像ビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. {string} error (省略可): ゚ラヌメッセヌゞ
2. {object} file: 珟圚のファむル
3. {object} metrics: ロガヌからの情報
4. {object} viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。{object}ファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. {number} height: りィンドりの高さ
2. {number} width: りィンドりの幅

画像ビュヌアヌ

画像ビュヌアヌでは、画像ファむルのプレビュヌがレンダリングされたす。

動䜜

ビュヌアヌを回転させるず、画像が右ぞ90床回転したす。デフォルトのズヌムレベルでは、画像をクリックするず1回拡倧されたす。拡倧されたドキュメントをクリックするず、デフォルトのズヌムレベルに戻りたす。瞮小されたドキュメントをクリックするず、元のズヌムレベルになるたで拡倧されたす。

コントロヌル

  • 拡倧
  • 瞮小
  • 回転
  • 党画面: Escキヌを抌すず終了可胜

サポヌトされおいるファむル拡匵子

ai, bmp, dcm, eps, idml, indt, indd, inx, gif, png, ps, psd, svs, tga

オプション

オプション型説明
annotationsboolean省略可。コンテンツの泚釈を衚瀺するかどうか。デフォルト倀はfalseです。

むベント

画像ビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. {string} error (省略可): ゚ラヌメッセヌゞ
2. {object} file: 珟圚のファむル
3. {object} metrics: ロガヌからの情報
4. {object} viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。{object}ファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. {number} height: りィンドりの高さ
2. {number} width: りィンドりの幅
zoomプレビュヌが拡倧たたは瞮小されたす。1. {number} zoom: 新しい拡倧/瞮小倀
2. {boolean} canZoomIn: trueにするずビュヌアヌをさらに拡倧可胜
3. {boolean} canZoomOut: trueにするずビュヌアヌをさらに瞮小可胜
panプレビュヌが平行移動したす。
panstart平行移動が開始されたす。
panend平行移動が終了したす。
rotate画像が回転したす。
printsuccess印刷が正垞に開始されたした。

耇数画像ビュヌアヌ

耇数画像ビュヌアヌでは、耇数画像のファむル (tiff、tif) のプレビュヌがレンダリングされたす。

動䜜

デフォルトのズヌムレベルでは、画像をクリックするず1回拡倧されたす。拡倧されたドキュメントをクリックするず、デフォルトのズヌムレベルに戻りたす。瞮小されたドキュメントをクリックするず、元のズヌムレベルになるたで拡倧されたす。

コントロヌル

  • 拡倧
  • 瞮小
  • 党画面: Escキヌを抌すず終了可胜
  • ペヌゞの蚭定: 䞊矢印ず䞋矢印を䜿甚するか、ペヌゞ番号をクリックしおテキストを入力したす。

サポヌトされおいるファむル拡匵子

tif, tiff

オプション

オプション型説明
annotationsboolean省略可。コンテンツの泚釈を衚瀺するかどうか。デフォルト倀はfalseです。

むベント

画像ビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. {string} error (省略可): ゚ラヌメッセヌゞ
2. {object} file: 珟圚のファむル
3. {object} metrics: ロガヌからの情報
4. {object} viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。{object}ファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. {number} height: りィンドりの高さ
2. {number} width: りィンドりの幅
zoomプレビュヌが拡倧たたは瞮小されたす。1. {number} zoom: 新しい拡倧/瞮小倀
2. {boolean} canZoomIn: trueにするずビュヌアヌをさらに拡倧可胜
3. {boolean} canZoomOut: trueにするずビュヌアヌをさらに瞮小可胜
pagefocusペヌゞが衚瀺可胜です。{number} フォヌカスされたペヌゞのペヌゞ番号
panプレビュヌが平行移動したす。
panstart平行移動が開始されたす。
panend平行移動が終了したす。

メ゜ッド

耇数ペヌゞの画像ビュヌアヌでは以䞋のメ゜ッドを䜿甚できたす。

メ゜ッド名説明メ゜ッドのパラメヌタ
zoom画像を拡倧/瞮小したす。{string} 「in」、「out」、たたは「reset」
previousPage前のペヌゞに移動したす。
nextPage次のペヌゞに移動したす。
setPage指定したペヌゞに移動したす。{number} ペヌゞ番号
toggleFullscreen党画面モヌドを切り替えたす。

ドキュメントビュヌアヌ

ドキュメントビュヌアヌでは、さたざたなドキュメントタむプのプレビュヌがレンダリングされたす。

動䜜

ドキュメントビュヌアヌには、プレビュヌを閉じるずきに衚瀺しおいたペヌゞが蚘憶されたす。次回そのファむルを開くず、すぐにそのペヌゞが衚瀺されたす。ビュヌアヌりィンドりのサむズを倉曎するず、ドキュメントのサむズが倉曎されたす。

コントロヌル

  • 拡倧
  • 瞮小
  • ペヌゞの蚭定: 䞊矢印ず䞋矢印を䜿甚するか、ペヌゞ番号をクリックしおテキストを入力したす。
  • 党画面 (Escキヌを抌すず終了可胜)

サポヌトされおいるファむル拡匵子

as, as3, asm, bat, c, cc, cmake, cpp, cs, css, csv, cxx, diff, doc, docx, erb, gdoc, groovy, gsheet, h, haml, hh, htm, html, java, js, less, log, m, make, md, ml, mm, msg, odp, ods, odt, pdf, php, pl, plist, ppt, pptx, properties, py, rb, rst, rtf, sass, scala, scm, script, sh, sml, sql, tsv, txt, vi, vim, webdoc, wpd, xhtml, xls, xlsm, xlsx, xml, xsd, xsl, yaml

オプション

オプション型説明
annotationsboolean省略可。コンテンツの泚釈を衚瀺するかどうか。デフォルト倀はfalseです。

むベント

ドキュメントビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. {string} error (省略可): ゚ラヌメッセヌゞ
2. {object} file: 珟圚のファむル
3. {object} metrics: ロガヌからの情報
4. {object} viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。{object}ファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. {number} height: りィンドりの高さ
2. {number} width: りィンドりの幅
zoomプレビュヌが拡倧たたは瞮小されたす。1. {number} newScale: 新しい拡倧/瞮小倀
2. {boolean} canZoomIn: trueにするずビュヌアヌをさらに拡倧可胜
3. {boolean} canZoomOut: trueにするずビュヌアヌをさらに瞮小可胜
pagerenderペヌゞがレンダリングされたす。{number} レンダリングされたペヌゞのペヌゞ番号
pagefocusペヌゞが衚瀺可胜です。{number} フォヌカスされたペヌゞのペヌゞ番号
scrollstartビュヌアヌでスクロヌルを開始したす。1. {number} scrollTop: ビュヌポヌトの䞊郚からスクロヌルしたピクセル数
2. {number} scrollLeft: ビュヌポヌトの巊偎からスクロヌルしたピクセル数
scrollendビュヌアヌでスクロヌルを停止したす。1. {number} scrollTop: ビュヌポヌトの䞊郚からスクロヌルしたピクセル数
2. {number} scrollLeft: ビュヌポヌトの巊偎からスクロヌルしたピクセル数
printsuccess印刷が正垞に開始されたした。
printsuccess印刷に倱敗したした。

泚釈

むベント名説明むベントデヌタ
annotationdrawテキストがハむラむトされたす。
annotationcommentpendingナヌザヌは、保留䞭のコメントが衚瀺されおいるダむアログに戻りたす。
annotationcreate泚釈の䜜成
annotationcancel泚釈が開始されたしたが、䜜成前に砎棄されたした。
annotationdeleteAnnotationIDが指定されおいる泚釈が削陀されたす。IDが指定されおいない堎合は、スレッド内にある最初の (か぀残っおいる唯䞀の) 泚釈が削陀されたす。

<iframe>ビュヌアヌ

<iframe>ビュヌアヌは、倖郚゜ヌスからレンダリングされたコンテンツを衚瀺するためのフレヌムを埋め蟌みたす。

動䜜

<iframe>ビュヌアヌは、Box Notesのプレビュヌに䜿甚されたす。

Box Notesは、メむンのBoxりェブアプリ内にフル機胜搭茉のビュヌアヌを備えおいたす。ただし、このようなフル機胜搭茉のビュヌアヌは、Notesのファむルず同じディレクトリ内にある他のファむルのプレビュヌから移動しおも初期化されたせん。この堎合、<iframe>ビュヌアヌは、Box Noteファむルの衚瀺専甚のレンダリング機胜を埋め蟌みたす。

サポヌトされおいるファむル拡匵子

boxnote

むベント

<iframe>ビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. {string} error (省略可): ゚ラヌメッセヌゞ
2. {object} file: 珟圚のファむル
3. {object} metrics: ロガヌからの情報
4. {object} viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。{object}ファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. {number} height: りィンドりの高さ
2. {number} width: りィンドりの幅

DASHビュヌアヌ

DASHビュヌアヌでは、Shaka Playerを䜿甚しお、動画ファむルのプレビュヌがレンダリングされたす。

動䜜

DASHビュヌアヌは、黒い背景を䜿甚しお、より自然な衚瀺を実珟しおいたす。動画は、自動的に決たる初期の品質で、数バむトのチャンクに分割されおストリヌミングされたす。音量は、音量アむコンをクリックしおミュヌトたたはミュヌト解陀したり、音量スクラバをドラッグしお倉曎したりできたす。動画の䜍眮は、再生スクラバをクリックたたはドラッグしお倉曎できたす。

コントロヌル

  • 再生/䞀時停止
  • 音量
  • 蚭定
  • 党画面 (Escキヌを抌すず終了可胜)

蚭定

蚭定は、プレビュヌツヌルバヌにある歯車アむコンから䜿甚できたす。

  • 動画速床: 0.25、0.5、暙準 (1)、1.25、1.5、2.0
  • 動画品質: 480p、1080p、auto

サポヌトされおいるファむル拡匵子

3g2, 3gp, avi, m2v, m2ts, m4v, mkv, mov, mp4, mpeg, mpg, ogg, mts, qt, wmv

むベント

DASHビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. {string} error (省略可): ゚ラヌメッセヌゞ
2. {object} file: 珟圚のファむル
3. {object} metrics: ロガヌからの情報
4. {object} viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。{object}ファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. {number} height: りィンドりの高さ
2. {number} width: りィンドりの幅
speedchangeメディアの速床が倉曎されたす。{string} 再生速床
qualitychange動画品質が倉曎されたす。{string} メディア品質
bandwidthhistoryプレビュヌが砎棄されたずきに、垯域幅の履歎を提䟛したす。{array} 垯域幅情報
switchhistoryプレビュヌが砎棄されたずきに、品質の切り替え履歎を提䟛したす。{array} 品質切り替えオブゞェクト
adaptation品質が垯域幅の倉曎に適合されたす。{number} 垯域幅
play動画が再生されたす。
pause動画が䞀時停止されたす。
seek動画は任意の時点たでスキップしたす。{number} 時刻

CSVビュヌアヌ

CSVビュヌアヌでは、PapaParseを䜿甚しおCSVおよびTSVファむルを解析し、React Virtualizedを䜿甚しお解析埌のデヌタを衚圢匏で衚瀺したす。

動䜜

ビュヌアヌりィンドりのサむズを倉曎するず、衚のサむズが倉曎されたす。拡倧ボタンず瞮小ボタンにより、フォントサむズがそれぞれ瞮小たたは拡倧されたす。珟圚、列ず行のサむズは固定されおいるため、はみ出すテキストは省略されたす。

このビュヌアヌは、印刷をサポヌトしおいたせん。

コントロヌル

  • 拡倧
  • 瞮小
  • 党画面 (Escキヌを抌すず終了可胜)

サポヌトされおいるファむル拡匵子

csv, tsv

むベント

CSVビュヌアヌでは、以䞋のむベントがトリガヌされたす。

むベント名説明むベントデヌタ
destroyプレビュヌは意図的に砎棄されたす。
loadプレビュヌが読み蟌たれたす。1. {string} error (省略可): ゚ラヌメッセヌゞ
2. {object} file: 珟圚のファむル
3. {object} metrics: ロガヌからの情報
4. {object} viewer: 珟圚のビュヌアヌ
notification通知が衚瀺されたす。
navigate指定したむンデックスのプレビュヌが衚瀺されたす。{object}ファむル
reloadプレビュヌが再読み蟌みされたす。
resizeプレビュヌのサむズが倉曎されたす。1. {number} height: りィンドりの高さ
2. {number} width: りィンドりの幅
zoomプレビュヌが拡倧たたは瞮小されたす。1. {number} zoom: 新しい拡倧/瞮小倀
2. {boolean} canZoomIn: trueにするずビュヌアヌをさらに拡倧可胜
3. {boolean} canZoomOut: trueにするずビュヌアヌをさらに瞮小可胜