[{"data":1,"prerenderedAt":949},["ShallowReactive",2],{"navigation_docs_en":3,"-en-build-media":162,"-en-build-media-surround":944},[4,26,66,86,117,146],{"title":5,"icon":6,"path":7,"stem":8,"children":9,"page":25},"Start here","i-lucide-flag","\u002Fen\u002Fstart","en\u002F1.start",[10,15,20],{"title":11,"path":12,"stem":13,"icon":14},"Welcome","\u002Fen\u002Fstart\u002Fwelcome","en\u002F1.start\u002F1.welcome","i-lucide-hand",{"title":16,"path":17,"stem":18,"icon":19},"Your first course","\u002Fen\u002Fstart\u002Ffirst-course","en\u002F1.start\u002F2.first-course","i-lucide-rocket",{"title":21,"path":22,"stem":23,"icon":24},"Editor tour","\u002Fen\u002Fstart\u002Feditor-tour","en\u002F1.start\u002F3.editor-tour","i-lucide-map",false,{"title":27,"icon":28,"path":29,"stem":30,"children":31,"page":25},"Build slides","i-lucide-shapes","\u002Fen\u002Fbuild","en\u002F2.build",[32,37,41,46,51,56,61],{"title":33,"path":34,"stem":35,"icon":36},"Slides, scenes and layouts","\u002Fen\u002Fbuild\u002Fslides-and-scenes","en\u002F2.build\u002F1.slides-and-scenes","i-lucide-presentation",{"title":38,"path":39,"stem":40,"icon":28},"Objects","\u002Fen\u002Fbuild\u002Fobjects","en\u002F2.build\u002F2.objects",{"title":42,"path":43,"stem":44,"icon":45},"Lines and polygons","\u002Fen\u002Fbuild\u002Flines-and-polygons","en\u002F2.build\u002F3.lines-and-polygons","i-lucide-spline",{"title":47,"path":48,"stem":49,"icon":50},"Media","\u002Fen\u002Fbuild\u002Fmedia","en\u002F2.build\u002F4.media","i-lucide-image",{"title":52,"path":53,"stem":54,"icon":55},"Layers","\u002Fen\u002Fbuild\u002Flayers","en\u002F2.build\u002F5.layers","i-lucide-layers-2",{"title":57,"path":58,"stem":59,"icon":60},"Timeline, states and animation","\u002Fen\u002Fbuild\u002Ftimeline-and-animation","en\u002F2.build\u002F6.timeline-and-animation","i-lucide-clapperboard",{"title":62,"path":63,"stem":64,"icon":65},"Design and theme","\u002Fen\u002Fbuild\u002Fdesign-and-theme","en\u002F2.build\u002F7.design-and-theme","i-lucide-palette",{"title":67,"icon":68,"path":69,"stem":70,"children":71,"page":25},"Interactivity","i-lucide-zap","\u002Fen\u002Finteract","en\u002F3.interact",[72,76,81],{"title":73,"path":74,"stem":75,"icon":68},"Triggers and variables","\u002Fen\u002Finteract\u002Ftriggers-and-variables","en\u002F3.interact\u002F1.triggers-and-variables",{"title":77,"path":78,"stem":79,"icon":80},"Trigger recipes","\u002Fen\u002Finteract\u002Ftrigger-recipes","en\u002F3.interact\u002F2.trigger-recipes","i-lucide-chef-hat",{"title":82,"path":83,"stem":84,"icon":85},"Questions and results","\u002Fen\u002Finteract\u002Fquestions-and-results","en\u002F3.interact\u002F3.questions-and-results","i-lucide-list-checks",{"title":87,"icon":88,"path":89,"stem":90,"children":91,"page":25},"Publish and share","i-lucide-package","\u002Fen\u002Fship","en\u002F4.ship",[92,97,102,107,112],{"title":93,"path":94,"stem":95,"icon":96},"Preview and publish","\u002Fen\u002Fship\u002Fpreview-and-export","en\u002F4.ship\u002F1.preview-and-export","i-lucide-play",{"title":98,"path":99,"stem":100,"icon":101},"SCORM and Moodle","\u002Fen\u002Fship\u002Fscorm-and-moodle","en\u002F4.ship\u002F2.scorm-and-moodle","i-lucide-graduation-cap",{"title":103,"path":104,"stem":105,"icon":106},"Imports","\u002Fen\u002Fship\u002Fimports","en\u002F4.ship\u002F3.imports","i-lucide-file-input",{"title":108,"path":109,"stem":110,"icon":111},"Versions and backup","\u002Fen\u002Fship\u002Fversions-and-backup","en\u002F4.ship\u002F4.versions-and-backup","i-lucide-history",{"title":113,"path":114,"stem":115,"icon":116},"Privacy and offline use","\u002Fen\u002Fship\u002Fprivacy-and-offline","en\u002F4.ship\u002F5.privacy-and-offline","i-lucide-shield-check",{"title":118,"icon":119,"path":120,"stem":121,"children":122,"page":25},"Working with AI","i-lucide-sparkles","\u002Fen\u002Fai","en\u002F5.ai",[123,126,131,136,141],{"title":118,"path":124,"stem":125,"icon":119},"\u002Fen\u002Fai\u002Fthree-ways","en\u002F5.ai\u002F1.three-ways",{"title":127,"path":128,"stem":129,"icon":130},"Connect your AI app","\u002Fen\u002Fai\u002Fconnect-your-app","en\u002F5.ai\u002F2.connect-your-app","i-lucide-plug",{"title":132,"path":133,"stem":134,"icon":135},"What the AI can do","\u002Fen\u002Fai\u002Fmcp-tools","en\u002F5.ai\u002F3.mcp-tools","i-lucide-wrench",{"title":137,"path":138,"stem":139,"icon":140},"Prompts that work","\u002Fen\u002Fai\u002Fprompts","en\u002F5.ai\u002F4.prompts","i-lucide-message-square-text",{"title":142,"path":143,"stem":144,"icon":145},"The course script","\u002Fen\u002Fai\u002Fcourse-script","en\u002F5.ai\u002F5.course-script","i-lucide-file-json",{"title":147,"icon":148,"path":149,"stem":150,"children":151,"page":25},"Reference","i-lucide-book-open","\u002Fen\u002Freference","en\u002F6.reference",[152,157],{"title":153,"path":154,"stem":155,"icon":156},"Keyboard shortcuts","\u002Fen\u002Freference\u002Fkeyboard-shortcuts","en\u002F6.reference\u002F1.keyboard-shortcuts","i-lucide-keyboard",{"title":158,"path":159,"stem":160,"icon":161},"Troubleshooting","\u002Fen\u002Freference\u002Ftroubleshooting","en\u002F6.reference\u002F2.troubleshooting","i-lucide-life-buoy",{"id":163,"title":47,"body":164,"description":937,"extension":938,"links":939,"meta":940,"navigation":941,"path":48,"seo":942,"stem":49,"__hash__":943},"docs_en\u002Fen\u002F2.build\u002F4.media.md",{"type":165,"value":166,"toc":915},"minimark",[167,176,204,211,216,253,259,263,356,359,364,367,379,495,498,504,597,600,619,707,710,755,763,766,769,843,847,906],[168,169,170,171,175],"p",{},"Media are the files you bring into your course: pictures, videos, sound, captions, fonts and PDFs. They are all collected in the course's ",[172,173,174],"strong",{},"media library",". They stay in your browser and are packed into the course file when you publish. This page explains:",[177,178,179,186,192,198],"ul",{},[180,181,182,185],"li",{},[172,183,184],{},"Adding media"," to a slide.",[180,187,188,191],{},[172,189,190],{},"The media library",": all files of the course in one place.",[180,193,194,197],{},[172,195,196],{},"Pictures, video and audio",": their settings.",[180,199,200,203],{},[172,201,202],{},"Captions",": subtitles for video, audio and narration.",[168,205,206],{},[207,208],"img",{"alt":209,"src":210},"The empty media library with the supported formats for pictures, audio, video and captions","\u002Fscreenshots\u002Fen\u002Fmedia-library.png",[212,213,215],"h2",{"id":214},"add-a-picture-in-3-steps","Add a picture in 3 steps",[217,218,219,224,235,239,242,246],"procedure",{},[220,221,223],"h3",{"id":222},"choose-image","Choose Image",[168,225,226,227,230,231,234],{},"Open the ",[172,228,229],{},"Insert"," tab and click ",[172,232,233],{},"Image",". Your computer's file window opens.",[220,236,238],{"id":237},"pick-the-file","Pick the file",[168,240,241],{},"Choose a picture. It is added to the media library and placed on the slide.",[220,243,245],{"id":244},"adjust-it","Adjust it",[168,247,248,249,252],{},"Drag it into place and resize it. In the ",[172,250,251],{},"Format"," tab you set how it fills its frame or crop it.",[254,255,258],"hint-box",{"kind":256,"title":257},"tip","Even faster","Drag pictures, videos or audio files from your computer straight onto the slide. They are inserted at once.",[212,260,262],{"id":261},"which-files-work","Which files work",[264,265,266,282],"table",{},[267,268,269],"thead",{},[270,271,272,276,279],"tr",{},[273,274,275],"th",{},"Kind",[273,277,278],{},"Formats",[273,280,281],{},"Hint",[283,284,285,297,308,319,334,345],"tbody",{},[270,286,287,291,294],{},[288,289,290],"td",{},"Pictures",[288,292,293],{},"PNG, JPG, SVG, WebP, GIF, AVIF",[288,295,296],{},"Ideally under 1 MB and about as wide as the slide (1280 px for 16:9).",[270,298,299,302,305],{},[288,300,301],{},"Video",[288,303,304],{},"MP4 with H.264 (recommended), WebM, Ogg",[288,306,307],{},"Keep videos short and small. Everything ends up in the course file.",[270,309,310,313,316],{},[288,311,312],{},"Audio",[288,314,315],{},"MP3 (recommended), M4A, OGG, WAV",[288,317,318],{},"MP3 plays everywhere and is small.",[270,320,321,323,331],{},[288,322,202],{},[288,324,325,326,330],{},"WebVTT (",[327,328,329],"code",{},".vtt","), at most 2 MB",[288,332,333],{},"Subtitles for video, audio and narration.",[270,335,336,339,342],{},[288,337,338],{},"Fonts",[288,340,341],{},"WOFF, WOFF2, TTF, OTF",[288,343,344],{},"Your own fonts for text.",[270,346,347,350,353],{},[288,348,349],{},"Files",[288,351,352],{},"PDF",[288,354,355],{},"For downloading, for example a handout in the player's resources.",[168,357,358],{},"A single file can be up to 500 MB. But large files make the course load slowly in Moodle, so make them smaller before you upload if you can.",[254,360,363],{"kind":361,"title":362},"warning","Moodle has an upload limit","Moodle refuses course files above its maximum upload size. With many videos, ask your Moodle administrator about the limit, or link to a video on a web server instead.",[212,365,190],{"id":366},"the-media-library",[168,368,369,370,374,375,378],{},"Open it with ",[371,372],"ui-path",{"path":373},"Insert > Media library"," or ",[371,376],{"path":377},"View > Media library",".",[264,380,381,391],{},[267,382,383],{},[270,384,385,388],{},[273,386,387],{},"Element",[273,389,390],{},"What it does",[283,392,393,419,429,437,448,458,468,478],{},[270,394,395,401],{},[288,396,397,400],{},[172,398,399],{},"All"," and the kind filters",[288,402,403,404,407,408,407,411,407,413,407,415,374,417,378],{},"Show all files or only ",[172,405,406],{},"Images",", ",[172,409,410],{},"Videos",[172,412,312],{},[172,414,202],{},[172,416,338],{},[172,418,349],{},[270,420,421,426],{},[288,422,423],{},[172,424,425],{},"Search",[288,427,428],{},"Finds files by name.",[270,430,431,434],{},[288,432,433],{},"Size",[288,435,436],{},"How much space all media of this course take.",[270,438,439,442],{},[288,440,441],{},"Question mark",[288,443,444,447],{},[172,445,446],{},"Which files work?"," Shows the supported formats and sizes.",[270,449,450,455],{},[288,451,452],{},[172,453,454],{},"Upload",[288,456,457],{},"Adds files from your computer. You can also drag files into the window.",[270,459,460,465],{},[288,461,462],{},[172,463,464],{},"Insert on slide",[288,466,467],{},"Places the file on the current slide with one click.",[270,469,470,475],{},[288,471,472],{},[172,473,474],{},"Used ... times",[288,476,477],{},"How often the file is used in the course.",[270,479,480,483],{},[288,481,482],{},"File menu",[288,484,485,407,488,374,491,494],{},[172,486,487],{},"Rename",[172,489,490],{},"Download",[172,492,493],{},"Delete"," the file. When you delete a file that is in use, the Studio tells you how often it was used.",[212,496,290],{"id":497},"pictures",[168,499,500,501,503],{},"Select a picture and open the ",[172,502,251],{}," tab.",[264,505,506,515],{},[267,507,508],{},[270,509,510,513],{},[273,511,512],{},"Setting",[273,514,390],{},[283,516,517,538,569,579,589],{},[270,518,519,524],{},[288,520,521],{},[172,522,523],{},"Fit",[288,525,526,527,529,530,533,534,537],{},"How the picture fills its frame: ",[172,528,523],{}," (whole picture visible), ",[172,531,532],{},"Fill"," (frame filled, edges may be cut off) or ",[172,535,536],{},"Stretch"," (distorted to fit).",[270,539,540,545],{},[288,541,542],{},[172,543,544],{},"Crop",[288,546,547,548,551,552,407,555,407,558,561,562,565,566,378],{},"Opens the crop window. Drag the frame or its handles; only the bright area stays visible. Choose an ",[172,549,550],{},"Aspect ratio"," (",[172,553,554],{},"Free",[172,556,557],{},"Match frame",[172,559,560],{},"Original","). ",[172,563,564],{},"Fit frame"," adjusts the picture's height so nothing is distorted. Click ",[172,567,568],{},"Apply",[270,570,571,576],{},[288,572,573],{},[172,574,575],{},"Remove crop",[288,577,578],{},"Shows the whole picture again.",[270,580,581,586],{},[288,582,583],{},[172,584,585],{},"Use aspect ratio",[288,587,588],{},"Gives the frame the proportions of the picture.",[270,590,591,594],{},[288,592,593],{},"Change picture",[288,595,596],{},"Choose another file from the media library. The position stays.",[212,598,301],{"id":599},"video",[168,601,602,603,605,606,608,609,407,612,615,616,378],{},"The ",[172,604,301],{}," button on the ",[172,607,229],{}," tab offers ",[172,610,611],{},"Upload video file",[172,613,614],{},"Video from link"," and ",[172,617,618],{},"From media library",[264,620,621,629],{},[267,622,623],{},[270,624,625,627],{},[273,626,512],{},[273,628,390],{},[283,630,631,648,658,667,677,687,697],{},[270,632,633,638],{},[288,634,635],{},[172,636,637],{},"Source",[288,639,640,643,644,647],{},[172,641,642],{},"File"," from the media library or ",[172,645,646],{},"URL",": a direct https link to a video file (mp4 or webm).",[270,649,650,655],{},[288,651,652],{},[172,653,654],{},"Poster image",[288,656,657],{},"A picture shown before the video starts.",[270,659,660,664],{},[288,661,662],{},[172,663,202],{},[288,665,666],{},"A WebVTT file with subtitles.",[270,668,669,674],{},[288,670,671],{},[172,672,673],{},"Autoplay",[288,675,676],{},"Starts the video by itself. Some browsers block autoplay with sound; then the video starts after a click.",[270,678,679,684],{},[288,680,681],{},[172,682,683],{},"Controls",[288,685,686],{},"Shows play, pause and volume on the video.",[270,688,689,694],{},[288,690,691],{},[172,692,693],{},"Loop",[288,695,696],{},"Plays the video again and again.",[270,698,699,704],{},[288,700,701],{},[172,702,703],{},"Muted",[288,705,706],{},"Plays without sound.",[212,708,312],{"id":709},"audio",[264,711,712,720],{},[267,713,714],{},[270,715,716,718],{},[273,717,512],{},[273,719,390],{},[283,721,722,732,746],{},[270,723,724,729],{},[288,725,726],{},[172,727,728],{},"Show icon in the player",[288,730,731],{},"Shows a small sound icon learners can click. Off: the audio plays invisibly.",[270,733,734,743],{},[288,735,736,407,739,407,741],{},[172,737,738],{},"Volume",[172,740,673],{},[172,742,693],{},[288,744,745],{},"As the names say.",[270,747,748,752],{},[288,749,750],{},[172,751,202],{},[288,753,754],{},"A WebVTT file with the spoken text.",[168,756,757,758,760,761,378],{},"Every slide can also have its own narration: open the slide's ",[172,759,251],{}," tab and choose a file under ",[172,762,312],{},[212,764,202],{"id":765},"captions",[168,767,768],{},"Captions are the subtitles that run along with a video or narration. They help learners who can't hear the sound or are in a quiet place.",[217,770,771,775,788,792,806,810,830,834],{},[220,772,774],{"id":773},"open-the-captions-editor","Open the captions editor",[168,776,777,778,781,782,784,785,378],{},"Go to the slide with the video or audio and click ",[371,779],{"path":780},"Insert > Captions",". Under ",[172,783,47],{}," you choose the video, the audio or the ",[172,786,787],{},"Slide narration",[220,789,791],{"id":790},"set-cues","Set cues",[168,793,794,795,798,799,615,802,805],{},"Start playback. At the moment a sentence begins, click ",[172,796,797],{},"Set cue at current position"," and type the text. Adjust ",[172,800,801],{},"Start",[172,803,804],{},"End"," with the buttons next to each entry.",[220,807,809],{"id":808},"fine-tune","Fine-tune",[168,811,812,815,816,374,819,822,823,615,826,829],{},[172,813,814],{},"Shift all by"," moves all captions ",[172,817,818],{},"Earlier",[172,820,821],{},"Later"," by some seconds. ",[172,824,825],{},"Import .vtt",[172,827,828],{},"Export .vtt"," exchange caption files with other programs.",[220,831,833],{"id":832},"save","Save",[168,835,836,837,839,840,842],{},"Click ",[172,838,833],{},". The captions are stored as a ",[327,841,329],{}," file in the media library.",[212,844,846],{"id":845},"if-something-doesnt-work","If something doesn't work",[264,848,849,859],{},[267,850,851],{},[270,852,853,856],{},[273,854,855],{},"Problem",[273,857,858],{},"What to do",[283,860,861,869,880,888,898],{},[270,862,863,866],{},[288,864,865],{},"A file is not imported",[288,867,868],{},"The format is not supported, or the file is larger than 500 MB. Check the table above.",[270,870,871,874],{},[288,872,873],{},"The video does not start by itself",[288,875,876,877,879],{},"The browser blocks autoplay with sound. Switch on ",[172,878,703],{},", or let learners start it with a click.",[270,881,882,885],{},[288,883,884],{},"A video from a link does not play",[288,886,887],{},"The link must point directly to a video file (ending in .mp4 or .webm) and start with https.",[270,889,890,895],{},[288,891,892,894],{},[172,893,202],{}," shows \"No video or audio on this slide\"",[288,896,897],{},"Insert a video or audio object first, or choose slide audio in the slide's Format tab.",[270,899,900,903],{},[288,901,902],{},"The course loads slowly in Moodle",[288,904,905],{},"The media are too large. Make pictures smaller and shorten videos.",[254,907,910,911,914],{"kind":908,"title":909},"ai","With AI","AI apps add media with the tool ",[327,912,913],{},"add_media",". The file is checked (type, content, size, only static SVG) and stored in your browser. The AI cannot make the server download anything from the internet.",{"title":916,"searchDepth":917,"depth":917,"links":918},"",2,[919,925,926,927,928,929,930,936],{"id":214,"depth":917,"text":215,"children":920},[921,923,924],{"id":222,"depth":922,"text":223},3,{"id":237,"depth":922,"text":238},{"id":244,"depth":922,"text":245},{"id":261,"depth":917,"text":262},{"id":366,"depth":917,"text":190},{"id":497,"depth":917,"text":290},{"id":599,"depth":917,"text":301},{"id":709,"depth":917,"text":312},{"id":765,"depth":917,"text":202,"children":931},[932,933,934,935],{"id":773,"depth":922,"text":774},{"id":790,"depth":922,"text":791},{"id":808,"depth":922,"text":809},{"id":832,"depth":922,"text":833},{"id":845,"depth":917,"text":846},"Pictures, video, audio, captions, fonts and files - the media library, which formats work, cropping and the captions editor.","md",null,{},{"icon":50},{"title":47,"description":937},"3CUmegRJtyp1MiUEKywqpznfDvX6WnM4pheXMLewcQE",[945,947],{"title":42,"path":43,"stem":44,"description":946,"icon":45,"children":-1},"Draw lines, arrows, connectors and free outlines with your own points, line ends and fills.",{"title":52,"path":53,"stem":54,"description":948,"icon":55,"children":-1},"Put pop-ups, hints and feedback on top of a slide without leaving it, and set how each layer behaves.",1793209476120]