{"id":188,"date":"2024-10-02T14:56:20","date_gmt":"2024-10-02T17:56:20","guid":{"rendered":"https:\/\/tilbuci.com.br\/site\/?page_id=188"},"modified":"2024-10-02T14:56:20","modified_gmt":"2024-10-02T17:56:20","slug":"audio-and-video","status":"publish","type":"page","link":"https:\/\/tilbuci.com.br\/site\/getting-started-with-tilbuci\/audio-and-video\/","title":{"rendered":"Audio and video"},"content":{"rendered":"\n<p>So far we have worked with images and texts, but TilBuci can incorporate other media formats, such as audio and video.<\/p>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Getting started with TilBuci chapter 6: audio and video\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/YIaQQtP1pOU?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--1\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-5-1024x576.png\" alt=\"\" class=\"wp-image-190\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-5-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-5-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-5-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-5-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/02-5.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Start by opening your first movie and creating a new scene.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--2\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-e-04-1-1024x576.png\" alt=\"\" class=\"wp-image-191\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-e-04-1-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-e-04-1-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-e-04-1-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-e-04-1-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/03-e-04-1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Let&#8217;s start with a song. Click Media > Audio in the left menu and upload a file.<\/p>\n\n\n\n<p>Try to send files in the .mp3 format, which is most supported by Internet browsers. In the submission window you will find a play button to help with the selection.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--3\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-e-06-1-1024x576.png\" alt=\"\" class=\"wp-image-192\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-e-06-1-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-e-06-1-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-e-06-1-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-e-06-1-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/05-e-06-1.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Audios embedded on the screen can be selected normally, even if they do not have a graphical display.<\/p>\n\n\n\n<p>Two important properties to adjust for sounds are the volume of the audio and whether it should start playing as soon as it is loaded.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--4\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"573\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-5-1024x573.png\" alt=\"\" class=\"wp-image-193\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-5-1024x573.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-5-300x168.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-5-768x430.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-5-1536x860.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/07-5.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Including videos follows the same principle, accessing Media > Video in the left menu.<\/p>\n\n\n\n<p>In addition to sound volume and starting display on loading, all other graphical properties can be applied to videos, including distortions or colors.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--5\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-5-1024x576.png\" alt=\"\" class=\"wp-image-194\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-5-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-5-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-5-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-5-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/09-5.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>By default, as soon as a sound or video ends, TilBuci restarts playback, but this behavior can be changed in Media > Scene collections.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--6\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-4-1024x576.png\" alt=\"\" class=\"wp-image-195\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-4-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-4-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-4-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-4-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/10-4.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>The collections window has many functions that we will see in another video. For now, select your video collection and element and click Set selected asset properties.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--7\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-3-1024x576.png\" alt=\"\" class=\"wp-image-196\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-3-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-3-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-3-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-3-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/11-3.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>The default option is loop media, but there are others. For now, choose stop playback to stop the video at the end of viewing and click Apply changes.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-e37d7211 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:30%\">\n<figure class=\"wp-block-image size-large is-style-rounded is-style-rounded--8\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" src=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-4-1024x576.png\" alt=\"\" class=\"wp-image-197\" srcset=\"https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-4-1024x576.png 1024w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-4-300x169.png 300w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-4-768x432.png 768w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-4-1536x864.png 1536w, https:\/\/tilbuci.com.br\/site\/wp-content\/uploads\/2024\/10\/12-4.png 1920w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:65%\">\n<p>Back in the collections window, click Apply changes to current collections and confirm to change the behavior of your video.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<p>Avoid including audio and videos in the first scene of your movie as most browsers will prevent them from playing without first having some interaction from the visitor.<\/p>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-a89b3969 wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button\"><a class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/tilbuci.com.br\/site\/index.php\/getting-started-with-tilbuci\/\">Back to index<\/a><\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>So far we have worked with images and texts, but TilBuci can incorporate other media formats, such as audio and video. Start by opening your first movie and creating a new scene. Let&#8217;s start with a song. Click Media > Audio in the left menu and upload a file. Try to send files in the [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":44,"menu_order":20,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-188","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/pages\/188","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/comments?post=188"}],"version-history":[{"count":2,"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/pages\/188\/revisions"}],"predecessor-version":[{"id":198,"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/pages\/188\/revisions\/198"}],"up":[{"embeddable":true,"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/pages\/44"}],"wp:attachment":[{"href":"https:\/\/tilbuci.com.br\/site\/wp-json\/wp\/v2\/media?parent=188"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}