[{"data":1,"prerenderedAt":1266},["ShallowReactive",2],{"navigation":3,"/events/video-events":238,"/events/video-events-surround":1261},[4,22,55,88,105,138,159,180,217],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":6},"Getting Started",false,"/getting-started","01.getting-started",[10,14,18],{"title":11,"path":12,"stem":13},"Introduction","/getting-started/introduction","01.getting-started/1.introduction",{"title":15,"path":16,"stem":17},"Installation","/getting-started/installation","01.getting-started/2.installation",{"title":19,"path":20,"stem":21},"Quick Start","/getting-started/quick-start","01.getting-started/3.quick-start",{"title":23,"path":24,"stem":25,"children":26,"page":6},"Configuration","/configuration","02.configuration",[27,31,35,39,43,47,51],{"title":28,"path":29,"stem":30},"Overview","/configuration/overview","02.configuration/1.overview",{"title":32,"path":33,"stem":34},"Size","/configuration/size","02.configuration/2.size",{"title":36,"path":37,"stem":38},"Shape","/configuration/shape","02.configuration/3.shape",{"title":40,"path":41,"stem":42},"Positioning","/configuration/positioning","02.configuration/4.positioning",{"title":44,"path":45,"stem":46},"Placement","/configuration/placement","02.configuration/5.placement",{"title":48,"path":49,"stem":50},"Video","/configuration/video","02.configuration/6.video",{"title":52,"path":53,"stem":54},"Styles","/configuration/styles","02.configuration/7.styles",{"title":56,"path":57,"stem":58,"children":59,"page":6},"Components","/components","03.components",[60,64,68,72,76,80,84],{"title":61,"path":62,"stem":63},"Container","/components/container","03.components/1.container",{"title":65,"path":66,"stem":67},"Close Button","/components/close-button","03.components/2.close-button",{"title":69,"path":70,"stem":71},"CTA Button","/components/cta-button","03.components/3.cta-button",{"title":73,"path":74,"stem":75},"Video Controls","/components/video-controls","03.components/4.video-controls",{"title":77,"path":78,"stem":79},"Video Loader","/components/video-loader","03.components/5.video-loader",{"title":81,"path":82,"stem":83},"Video Progress","/components/video-progress","03.components/6.video-progress",{"title":85,"path":86,"stem":87},"Video Volume","/components/video-volume","03.components/7.video-volume",{"title":89,"path":90,"stem":91,"children":92,"page":6},"Features","/features","04.features",[93,97,101],{"title":94,"path":95,"stem":96},"Preview","/features/preview","04.features/1.preview",{"title":98,"path":99,"stem":100},"Visibility","/features/visibility","04.features/2.visibility",{"title":102,"path":103,"stem":104},"Responsive","/features/responsive","04.features/3.responsive",{"title":106,"path":107,"stem":108,"children":109,"page":6},"API Reference","/api-reference","05.api-reference",[110,114,118,122,126,130,134],{"title":111,"path":112,"stem":113},"useScena","/api-reference/use-scena","05.api-reference/1.use-scena",{"title":115,"path":116,"stem":117},"useConfig","/api-reference/use-config","05.api-reference/2.use-config",{"title":119,"path":120,"stem":121},"Scena Instance","/api-reference/scena-instance","05.api-reference/3.scena-instance",{"title":123,"path":124,"stem":125},"Video Controller","/api-reference/video-controller","05.api-reference/4.video-controller",{"title":127,"path":128,"stem":129},"Video State","/api-reference/video-state","05.api-reference/5.video-state",{"title":131,"path":132,"stem":133},"Visibility API","/api-reference/visibility-api","05.api-reference/6.visibility-api",{"title":135,"path":136,"stem":137},"Preview API","/api-reference/preview-api","05.api-reference/7.preview-api",{"title":139,"path":140,"stem":141,"children":142,"page":6},"Events","/events","06.events",[143,147,151,155],{"title":144,"path":145,"stem":146},"Widget Events","/events/widget-events","06.events/1.widget-events",{"title":148,"path":149,"stem":150},"Video Events","/events/video-events","06.events/2.video-events",{"title":152,"path":153,"stem":154},"Feature Events","/events/feature-events","06.events/3.feature-events",{"title":156,"path":157,"stem":158},"Click Events","/events/click-events","06.events/4.click-events",{"title":160,"path":161,"stem":162,"children":163,"page":6},"Custom Element","/custom-element","07.custom-element",[164,168,172,176],{"title":165,"path":166,"stem":167},"Setup","/custom-element/setup","07.custom-element/1.setup",{"title":169,"path":170,"stem":171},"Usage","/custom-element/usage","07.custom-element/2.usage",{"title":173,"path":174,"stem":175},"DOM Events","/custom-element/events","07.custom-element/3.events",{"title":177,"path":178,"stem":179},"Integration","/custom-element/integration","07.custom-element/4.integration",{"title":181,"path":182,"stem":183,"children":184,"page":6},"Examples","/examples","08.examples",[185,189,193,197,201,205,209,213],{"title":186,"path":187,"stem":188},"Basic Setup","/examples/basic-setup","08.examples/1.basic-setup",{"title":190,"path":191,"stem":192},"Custom Styling","/examples/custom-styling","08.examples/2.custom-styling",{"title":194,"path":195,"stem":196},"Responsive Widget","/examples/responsive-widget","08.examples/3.responsive-widget",{"title":198,"path":199,"stem":200},"Custom Controls","/examples/custom-controls","08.examples/4.custom-controls",{"title":202,"path":203,"stem":204},"Viewport Mount","/examples/viewport-mount","08.examples/5.viewport-mount",{"title":206,"path":207,"stem":208},"Timed Overlay","/examples/timed-overlay","08.examples/6.timed-overlay",{"title":210,"path":211,"stem":212},"Loop Segment","/examples/loop-segment","08.examples/7.loop-segment",{"title":214,"path":215,"stem":216},"Heatmap Data","/examples/heatmap-data","08.examples/8.heatmap-data",{"title":218,"path":219,"stem":220,"children":221,"page":6},"Distribution","/distribution","09.distribution",[222,226,230,234],{"title":223,"path":224,"stem":225},"Formats","/distribution/formats","09.distribution/1.formats",{"title":227,"path":228,"stem":229},"Browser Support","/distribution/browser-support","09.distribution/2.browser-support",{"title":231,"path":232,"stem":233},"Bundle Size","/distribution/bundle-size","09.distribution/3.bundle-size",{"title":235,"path":236,"stem":237},"TypeScript","/distribution/typescript","09.distribution/4.typescript",{"id":239,"title":148,"body":240,"description":1255,"extension":1256,"links":1257,"meta":1258,"navigation":690,"path":149,"seo":1259,"stem":150,"__hash__":1260},"docs/06.events/2.video-events.md",{"type":241,"value":242,"toc":1250},"minimark",[243,256,316,326,366,370,647,650,1069,1073,1076,1095,1246],[244,245,246,247,251,252,255],"p",{},"Video events fire in response to playback state changes. Each event handler receives an object with the current ",[248,249,250],"code",{},"ScenaVideoState"," and the original browser ",[248,253,254],{},"Event",":",[257,258,263],"pre",{"className":259,"code":260,"language":261,"meta":262,"style":262},"language-ts shiki shiki-themes material-theme-lighter material-theme material-theme-palenight","interface ScenaVideoEventOptions {\n  state: ScenaVideoState;\n  event: Event;\n}\n","ts","",[248,264,265,282,297,310],{"__ignoreMap":262},[266,267,270,274,278],"span",{"class":268,"line":269},"line",1,[266,271,273],{"class":272},"spNyl","interface",[266,275,277],{"class":276},"sBMFI"," ScenaVideoEventOptions",[266,279,281],{"class":280},"sMK4o"," {\n",[266,283,285,289,291,294],{"class":268,"line":284},2,[266,286,288],{"class":287},"swJcz","  state",[266,290,255],{"class":280},[266,292,293],{"class":276}," ScenaVideoState",[266,295,296],{"class":280},";\n",[266,298,300,303,305,308],{"class":268,"line":299},3,[266,301,302],{"class":287},"  event",[266,304,255],{"class":280},[266,306,307],{"class":276}," Event",[266,309,296],{"class":280},[266,311,313],{"class":268,"line":312},4,[266,314,315],{"class":280},"}\n",[244,317,318,319,322,323,255],{},"The error event may carry an ",[248,320,321],{},"error"," field instead of ",[248,324,325],{},"event",[257,327,329],{"className":259,"code":328,"language":261,"meta":262,"style":262},"interface ScenaVideoEventOptionsWithError {\n  state: ScenaVideoState;\n  error: unknown;\n}\n",[248,330,331,340,350,362],{"__ignoreMap":262},[266,332,333,335,338],{"class":268,"line":269},[266,334,273],{"class":272},[266,336,337],{"class":276}," ScenaVideoEventOptionsWithError",[266,339,281],{"class":280},[266,341,342,344,346,348],{"class":268,"line":284},[266,343,288],{"class":287},[266,345,255],{"class":280},[266,347,293],{"class":276},[266,349,296],{"class":280},[266,351,352,355,357,360],{"class":268,"line":299},[266,353,354],{"class":287},"  error",[266,356,255],{"class":280},[266,358,359],{"class":276}," unknown",[266,361,296],{"class":280},[266,363,364],{"class":268,"line":312},[266,365,315],{"class":280},[367,368,139],"h2",{"id":369},"events",[371,372,373,388],"table",{},[374,375,376],"thead",{},[377,378,379,382,385],"tr",{},[380,381,254],"th",{},[380,383,384],{},"String value",[380,386,387],{},"When",[389,390,391,407,422,437,452,467,482,497,512,527,542,557,572,587,602,617,632],"tbody",{},[377,392,393,399,404],{},[394,395,396],"td",{},[248,397,398],{},"ON_VIDEO_READY",[394,400,401],{},[248,402,403],{},"video:on-ready",[394,405,406],{},"Video metadata is loaded and ready to play",[377,408,409,414,419],{},[394,410,411],{},[248,412,413],{},"ON_VIDEO_CAN_PLAY",[394,415,416],{},[248,417,418],{},"video:on-can-play",[394,420,421],{},"Enough data buffered to start playback",[377,423,424,429,434],{},[394,425,426],{},[248,427,428],{},"ON_VIDEO_PLAY",[394,430,431],{},[248,432,433],{},"video:on-play",[394,435,436],{},"Playback starts or resumes",[377,438,439,444,449],{},[394,440,441],{},[248,442,443],{},"ON_VIDEO_PAUSE",[394,445,446],{},[248,447,448],{},"video:on-pause",[394,450,451],{},"Playback is paused",[377,453,454,459,464],{},[394,455,456],{},[248,457,458],{},"ON_VIDEO_ENDED",[394,460,461],{},[248,462,463],{},"video:on-ended",[394,465,466],{},"Playback reaches the end",[377,468,469,474,479],{},[394,470,471],{},[248,472,473],{},"ON_VIDEO_SEEKING",[394,475,476],{},[248,477,478],{},"video:on-seeking",[394,480,481],{},"Video is seeking to a new position",[377,483,484,489,494],{},[394,485,486],{},[248,487,488],{},"ON_VIDEO_SEEKED",[394,490,491],{},[248,492,493],{},"video:on-seeked",[394,495,496],{},"Seek operation completes",[377,498,499,504,509],{},[394,500,501],{},[248,502,503],{},"ON_VIDEO_SEEK_START",[394,505,506],{},[248,507,508],{},"video:on-seek-start",[394,510,511],{},"User begins dragging the progress bar",[377,513,514,519,524],{},[394,515,516],{},[248,517,518],{},"ON_VIDEO_SEEK_END",[394,520,521],{},[248,522,523],{},"video:on-seek-end",[394,525,526],{},"User releases the progress bar",[377,528,529,534,539],{},[394,530,531],{},[248,532,533],{},"ON_VIDEO_TIME_UPDATE",[394,535,536],{},[248,537,538],{},"video:on-time-update",[394,540,541],{},"Current playback time changes",[377,543,544,549,554],{},[394,545,546],{},[248,547,548],{},"ON_VIDEO_VOLUME_CHANGE",[394,550,551],{},[248,552,553],{},"video:on-volume-change",[394,555,556],{},"Volume level or mute state changes",[377,558,559,564,569],{},[394,560,561],{},[248,562,563],{},"ON_VIDEO_STATE_CHANGE",[394,565,566],{},[248,567,568],{},"video:on-state-change",[394,570,571],{},"Any video state property changes",[377,573,574,579,584],{},[394,575,576],{},[248,577,578],{},"ON_VIDEO_LOAD_START",[394,580,581],{},[248,582,583],{},"video:on-load-start",[394,585,586],{},"Browser begins loading the video",[377,588,589,594,599],{},[394,590,591],{},[248,592,593],{},"ON_VIDEO_LOADED",[394,595,596],{},[248,597,598],{},"video:on-loaded",[394,600,601],{},"Video data is fully loaded",[377,603,604,609,614],{},[394,605,606],{},[248,607,608],{},"ON_VIDEO_WAITING",[394,610,611],{},[248,612,613],{},"video:on-waiting",[394,615,616],{},"Playback stalls due to buffering",[377,618,619,624,629],{},[394,620,621],{},[248,622,623],{},"ON_VIDEO_PROGRESSED",[394,625,626],{},[248,627,628],{},"video:on-progressed",[394,630,631],{},"Browser downloads more video data",[377,633,634,639,644],{},[394,635,636],{},[248,637,638],{},"ON_VIDEO_ERROR",[394,640,641],{},[248,642,643],{},"video:on-error",[394,645,646],{},"A playback or loading error occurs",[367,648,169],{"id":649},"usage",[257,651,653],{"className":259,"code":652,"language":261,"meta":262,"style":262},"import { ScenaEvent } from '@retoo/scena';\n\ninstance.api.events.on(ScenaEvent.ON_VIDEO_PLAY, ({ state, event }) => {\n  console.log('Playing, current time:', state.currentTime);\n});\n\ninstance.api.events.on(ScenaEvent.ON_VIDEO_TIME_UPDATE, ({ state }) => {\n  console.log('Time:', state.currentTime, '/', state.duration);\n});\n\ninstance.api.events.on(ScenaEvent.ON_VIDEO_ENDED, ({ state }) => {\n  console.log('Finished');\n});\n\ninstance.api.events.on(ScenaEvent.ON_VIDEO_ERROR, (data) => {\n  if ('error' in data) {\n    console.error('Error:', data.error);\n  }\n});\n",[248,654,655,686,692,743,777,787,792,827,875,884,889,924,946,955,960,997,1023,1054,1060],{"__ignoreMap":262},[266,656,657,661,664,668,671,674,677,681,684],{"class":268,"line":269},[266,658,660],{"class":659},"s7zQu","import",[266,662,663],{"class":280}," {",[266,665,667],{"class":666},"sTEyZ"," ScenaEvent",[266,669,670],{"class":280}," }",[266,672,673],{"class":659}," from",[266,675,676],{"class":280}," '",[266,678,680],{"class":679},"sfazB","@retoo/scena",[266,682,683],{"class":280},"'",[266,685,296],{"class":280},[266,687,688],{"class":268,"line":284},[266,689,691],{"emptyLinePlaceholder":690},true,"\n",[266,693,694,697,700,703,705,707,709,713,716,718,720,723,726,730,732,735,738,741],{"class":268,"line":299},[266,695,696],{"class":666},"instance",[266,698,699],{"class":280},".",[266,701,702],{"class":666},"api",[266,704,699],{"class":280},[266,706,369],{"class":666},[266,708,699],{"class":280},[266,710,712],{"class":711},"s2Zo4","on",[266,714,715],{"class":666},"(ScenaEvent",[266,717,699],{"class":280},[266,719,428],{"class":666},[266,721,722],{"class":280},",",[266,724,725],{"class":280}," ({",[266,727,729],{"class":728},"sHdIc"," state",[266,731,722],{"class":280},[266,733,734],{"class":728}," event",[266,736,737],{"class":280}," })",[266,739,740],{"class":272}," =>",[266,742,281],{"class":280},[266,744,745,748,750,753,756,758,761,763,765,767,769,772,775],{"class":268,"line":312},[266,746,747],{"class":666},"  console",[266,749,699],{"class":280},[266,751,752],{"class":711},"log",[266,754,755],{"class":287},"(",[266,757,683],{"class":280},[266,759,760],{"class":679},"Playing, current time:",[266,762,683],{"class":280},[266,764,722],{"class":280},[266,766,729],{"class":666},[266,768,699],{"class":280},[266,770,771],{"class":666},"currentTime",[266,773,774],{"class":287},")",[266,776,296],{"class":280},[266,778,780,783,785],{"class":268,"line":779},5,[266,781,782],{"class":280},"}",[266,784,774],{"class":666},[266,786,296],{"class":280},[266,788,790],{"class":268,"line":789},6,[266,791,691],{"emptyLinePlaceholder":690},[266,793,795,797,799,801,803,805,807,809,811,813,815,817,819,821,823,825],{"class":268,"line":794},7,[266,796,696],{"class":666},[266,798,699],{"class":280},[266,800,702],{"class":666},[266,802,699],{"class":280},[266,804,369],{"class":666},[266,806,699],{"class":280},[266,808,712],{"class":711},[266,810,715],{"class":666},[266,812,699],{"class":280},[266,814,533],{"class":666},[266,816,722],{"class":280},[266,818,725],{"class":280},[266,820,729],{"class":728},[266,822,737],{"class":280},[266,824,740],{"class":272},[266,826,281],{"class":280},[266,828,830,832,834,836,838,840,843,845,847,849,851,853,855,857,860,862,864,866,868,871,873],{"class":268,"line":829},8,[266,831,747],{"class":666},[266,833,699],{"class":280},[266,835,752],{"class":711},[266,837,755],{"class":287},[266,839,683],{"class":280},[266,841,842],{"class":679},"Time:",[266,844,683],{"class":280},[266,846,722],{"class":280},[266,848,729],{"class":666},[266,850,699],{"class":280},[266,852,771],{"class":666},[266,854,722],{"class":280},[266,856,676],{"class":280},[266,858,859],{"class":679},"/",[266,861,683],{"class":280},[266,863,722],{"class":280},[266,865,729],{"class":666},[266,867,699],{"class":280},[266,869,870],{"class":666},"duration",[266,872,774],{"class":287},[266,874,296],{"class":280},[266,876,878,880,882],{"class":268,"line":877},9,[266,879,782],{"class":280},[266,881,774],{"class":666},[266,883,296],{"class":280},[266,885,887],{"class":268,"line":886},10,[266,888,691],{"emptyLinePlaceholder":690},[266,890,892,894,896,898,900,902,904,906,908,910,912,914,916,918,920,922],{"class":268,"line":891},11,[266,893,696],{"class":666},[266,895,699],{"class":280},[266,897,702],{"class":666},[266,899,699],{"class":280},[266,901,369],{"class":666},[266,903,699],{"class":280},[266,905,712],{"class":711},[266,907,715],{"class":666},[266,909,699],{"class":280},[266,911,458],{"class":666},[266,913,722],{"class":280},[266,915,725],{"class":280},[266,917,729],{"class":728},[266,919,737],{"class":280},[266,921,740],{"class":272},[266,923,281],{"class":280},[266,925,927,929,931,933,935,937,940,942,944],{"class":268,"line":926},12,[266,928,747],{"class":666},[266,930,699],{"class":280},[266,932,752],{"class":711},[266,934,755],{"class":287},[266,936,683],{"class":280},[266,938,939],{"class":679},"Finished",[266,941,683],{"class":280},[266,943,774],{"class":287},[266,945,296],{"class":280},[266,947,949,951,953],{"class":268,"line":948},13,[266,950,782],{"class":280},[266,952,774],{"class":666},[266,954,296],{"class":280},[266,956,958],{"class":268,"line":957},14,[266,959,691],{"emptyLinePlaceholder":690},[266,961,963,965,967,969,971,973,975,977,979,981,983,985,988,991,993,995],{"class":268,"line":962},15,[266,964,696],{"class":666},[266,966,699],{"class":280},[266,968,702],{"class":666},[266,970,699],{"class":280},[266,972,369],{"class":666},[266,974,699],{"class":280},[266,976,712],{"class":711},[266,978,715],{"class":666},[266,980,699],{"class":280},[266,982,638],{"class":666},[266,984,722],{"class":280},[266,986,987],{"class":280}," (",[266,989,990],{"class":728},"data",[266,992,774],{"class":280},[266,994,740],{"class":272},[266,996,281],{"class":280},[266,998,1000,1003,1005,1007,1009,1011,1014,1017,1020],{"class":268,"line":999},16,[266,1001,1002],{"class":659},"  if",[266,1004,987],{"class":287},[266,1006,683],{"class":280},[266,1008,321],{"class":679},[266,1010,683],{"class":280},[266,1012,1013],{"class":280}," in",[266,1015,1016],{"class":666}," data",[266,1018,1019],{"class":287},") ",[266,1021,1022],{"class":280},"{\n",[266,1024,1026,1029,1031,1033,1035,1037,1040,1042,1044,1046,1048,1050,1052],{"class":268,"line":1025},17,[266,1027,1028],{"class":666},"    console",[266,1030,699],{"class":280},[266,1032,321],{"class":711},[266,1034,755],{"class":287},[266,1036,683],{"class":280},[266,1038,1039],{"class":679},"Error:",[266,1041,683],{"class":280},[266,1043,722],{"class":280},[266,1045,1016],{"class":666},[266,1047,699],{"class":280},[266,1049,321],{"class":666},[266,1051,774],{"class":287},[266,1053,296],{"class":280},[266,1055,1057],{"class":268,"line":1056},18,[266,1058,1059],{"class":280},"  }\n",[266,1061,1063,1065,1067],{"class":268,"line":1062},19,[266,1064,782],{"class":280},[266,1066,774],{"class":666},[266,1068,296],{"class":280},[367,1070,1072],{"id":1071},"seek-events","Seek events",[244,1074,1075],{},"There are two levels of seek events:",[1077,1078,1079,1088],"ul",{},[1080,1081,1082,1084,1085,1087],"li",{},[248,1083,473],{}," / ",[248,1086,488],{}," — native browser seek events, fire on any seek operation.",[1080,1089,1090,1084,1092,1094],{},[248,1091,503],{},[248,1093,518],{}," — fire when the user interacts with the progress bar.",[257,1096,1098],{"className":259,"code":1097,"language":261,"meta":262,"style":262},"instance.api.events.on(ScenaEvent.ON_VIDEO_SEEK_START, ({ state }) => {\n  console.log('User started seeking from', state.currentTime);\n});\n\ninstance.api.events.on(ScenaEvent.ON_VIDEO_SEEK_END, ({ state }) => {\n  console.log('User seeked to', state.currentTime);\n});\n",[248,1099,1100,1134,1163,1171,1175,1209,1238],{"__ignoreMap":262},[266,1101,1102,1104,1106,1108,1110,1112,1114,1116,1118,1120,1122,1124,1126,1128,1130,1132],{"class":268,"line":269},[266,1103,696],{"class":666},[266,1105,699],{"class":280},[266,1107,702],{"class":666},[266,1109,699],{"class":280},[266,1111,369],{"class":666},[266,1113,699],{"class":280},[266,1115,712],{"class":711},[266,1117,715],{"class":666},[266,1119,699],{"class":280},[266,1121,503],{"class":666},[266,1123,722],{"class":280},[266,1125,725],{"class":280},[266,1127,729],{"class":728},[266,1129,737],{"class":280},[266,1131,740],{"class":272},[266,1133,281],{"class":280},[266,1135,1136,1138,1140,1142,1144,1146,1149,1151,1153,1155,1157,1159,1161],{"class":268,"line":284},[266,1137,747],{"class":666},[266,1139,699],{"class":280},[266,1141,752],{"class":711},[266,1143,755],{"class":287},[266,1145,683],{"class":280},[266,1147,1148],{"class":679},"User started seeking from",[266,1150,683],{"class":280},[266,1152,722],{"class":280},[266,1154,729],{"class":666},[266,1156,699],{"class":280},[266,1158,771],{"class":666},[266,1160,774],{"class":287},[266,1162,296],{"class":280},[266,1164,1165,1167,1169],{"class":268,"line":299},[266,1166,782],{"class":280},[266,1168,774],{"class":666},[266,1170,296],{"class":280},[266,1172,1173],{"class":268,"line":312},[266,1174,691],{"emptyLinePlaceholder":690},[266,1176,1177,1179,1181,1183,1185,1187,1189,1191,1193,1195,1197,1199,1201,1203,1205,1207],{"class":268,"line":779},[266,1178,696],{"class":666},[266,1180,699],{"class":280},[266,1182,702],{"class":666},[266,1184,699],{"class":280},[266,1186,369],{"class":666},[266,1188,699],{"class":280},[266,1190,712],{"class":711},[266,1192,715],{"class":666},[266,1194,699],{"class":280},[266,1196,518],{"class":666},[266,1198,722],{"class":280},[266,1200,725],{"class":280},[266,1202,729],{"class":728},[266,1204,737],{"class":280},[266,1206,740],{"class":272},[266,1208,281],{"class":280},[266,1210,1211,1213,1215,1217,1219,1221,1224,1226,1228,1230,1232,1234,1236],{"class":268,"line":789},[266,1212,747],{"class":666},[266,1214,699],{"class":280},[266,1216,752],{"class":711},[266,1218,755],{"class":287},[266,1220,683],{"class":280},[266,1222,1223],{"class":679},"User seeked to",[266,1225,683],{"class":280},[266,1227,722],{"class":280},[266,1229,729],{"class":666},[266,1231,699],{"class":280},[266,1233,771],{"class":666},[266,1235,774],{"class":287},[266,1237,296],{"class":280},[266,1239,1240,1242,1244],{"class":268,"line":794},[266,1241,782],{"class":280},[266,1243,774],{"class":666},[266,1245,296],{"class":280},[1247,1248,1249],"style",{},"html pre.shiki code .spNyl, html code.shiki .spNyl{--shiki-light:#9C3EDA;--shiki-default:#C792EA;--shiki-dark:#C792EA}html pre.shiki code .sBMFI, html code.shiki .sBMFI{--shiki-light:#E2931D;--shiki-default:#FFCB6B;--shiki-dark:#FFCB6B}html pre.shiki code .sMK4o, html code.shiki .sMK4o{--shiki-light:#39ADB5;--shiki-default:#89DDFF;--shiki-dark:#89DDFF}html pre.shiki code .swJcz, html code.shiki .swJcz{--shiki-light:#E53935;--shiki-default:#F07178;--shiki-dark:#F07178}html .light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html.light .shiki span {color: var(--shiki-light);background: var(--shiki-light-bg);font-style: var(--shiki-light-font-style);font-weight: var(--shiki-light-font-weight);text-decoration: var(--shiki-light-text-decoration);}html .default .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .shiki span {color: var(--shiki-default);background: var(--shiki-default-bg);font-style: var(--shiki-default-font-style);font-weight: var(--shiki-default-font-weight);text-decoration: var(--shiki-default-text-decoration);}html .dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html.dark .shiki span {color: var(--shiki-dark);background: var(--shiki-dark-bg);font-style: var(--shiki-dark-font-style);font-weight: var(--shiki-dark-font-weight);text-decoration: var(--shiki-dark-text-decoration);}html pre.shiki code .s7zQu, html code.shiki .s7zQu{--shiki-light:#39ADB5;--shiki-light-font-style:italic;--shiki-default:#89DDFF;--shiki-default-font-style:italic;--shiki-dark:#89DDFF;--shiki-dark-font-style:italic}html pre.shiki code .sTEyZ, html code.shiki .sTEyZ{--shiki-light:#90A4AE;--shiki-default:#EEFFFF;--shiki-dark:#BABED8}html pre.shiki code .sfazB, html code.shiki .sfazB{--shiki-light:#91B859;--shiki-default:#C3E88D;--shiki-dark:#C3E88D}html pre.shiki code .s2Zo4, html code.shiki .s2Zo4{--shiki-light:#6182B8;--shiki-default:#82AAFF;--shiki-dark:#82AAFF}html pre.shiki code .sHdIc, html code.shiki .sHdIc{--shiki-light:#90A4AE;--shiki-light-font-style:italic;--shiki-default:#EEFFFF;--shiki-default-font-style:italic;--shiki-dark:#BABED8;--shiki-dark-font-style:italic}",{"title":262,"searchDepth":269,"depth":284,"links":1251},[1252,1253,1254],{"id":369,"depth":284,"text":139},{"id":649,"depth":284,"text":169},{"id":1071,"depth":284,"text":1072},"React to playback state changes — play, pause, ended, seeking, time update, volume change, buffering, and errors.","md",null,{},{"title":148,"description":1255},"fsj9dXFCVGygKLIQ8KiQs14wwVcapN7Y8f3ww4zF_M8",[1262,1264],{"title":144,"path":145,"stem":146,"description":1263,"children":-1},"Handle widget mounting and destruction with ON_SCENA_MOUNT and ON_SCENA_DESTROY.",{"title":152,"path":153,"stem":154,"description":1265,"children":-1},"React to visibility and preview state changes with show, hide, start, and stop events.",1777984323390]