{"id":31962,"date":"2023-03-10T15:22:37","date_gmt":"2023-03-10T14:22:37","guid":{"rendered":"https:\/\/mimolive.com\/?post_type=user-manual&#038;p=31962"},"modified":"2025-08-08T16:29:25","modified_gmt":"2025-08-08T14:29:25","slug":"tangkapan-peramban-web","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/id\/user-manual\/sources-input\/screen-sources\/web-browser-capture\/","title":{"rendered":"Sumber Pengambilan Peramban Web"},"content":{"rendered":"<h3 class=\"wp-block-heading\">Sumber Pengambilan Peramban Web<\/h3>\n\n\n\n<p>The <strong>Pengambilan Peramban Web<\/strong> memungkinkan Anda menangkap jendela browser internet atau sebagian darinya dan menyediakan apa yang ditampilkan di sana sebagai video untuk digunakan di lapisan apa pun yang mendukung sumber video.<\/p>\n\n\n\n<p>Hal ini bisa berguna jika Anda ingin memamerkan halaman web. Atau Anda dapat membuat hamparan grafis transparan dengan data langsung yang diperbarui melalui internet menggunakan <span class=\"caps\">HTML<\/span> dan <span class=\"caps\">CSS<\/span> untuk pemformatan.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Menambahkan Sumber Pengambilan Peramban Web<\/h3>\n\n\n\n<p>Untuk menambahkan sumber Web Browser Capture ke dokumen mimoLive Anda, klik tombol \"+\" di bagian atas <a href=\"https:\/\/mimolive.com\/id\/panduan-pengguna\/sumber-sumber-dan-repositori-sumber-sumber\/\">Repositori Sumber Daya<\/a> untuk menampilkan daftar jenis sumber yang tersedia. Temukan sumber Tangkapan Peramban Web dan seret ke Repositori Sumber.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"920\" height=\"302\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bcc8868b-ce29-486c-971a-cd5c117748aa.png\" alt=\"\" class=\"wp-image-31964\" style=\"width:460px;height:151px\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bcc8868b-ce29-486c-971a-cd5c117748aa.png 920w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bcc8868b-ce29-486c-971a-cd5c117748aa-300x98.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bcc8868b-ce29-486c-971a-cd5c117748aa-768x252.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bcc8868b-ce29-486c-971a-cd5c117748aa-18x6.png 18w\" sizes=\"(max-width: 920px) 100vw, 920px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Memasuki An <span class=\"caps\">URL<\/span> Untuk Menangkap<\/h3>\n\n\n\n<p>Klik di bagian <span class=\"caps\">URL<\/span> dan masuk ke bidang <span class=\"caps\">URL<\/span> yang ingin Anda abadikan.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"478\" height=\"252\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/559f4e3c-64fe-4bcf-be74-982d9556dd2b.png\" alt=\"\" class=\"wp-image-31965\" style=\"width:239px;height:126px\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/559f4e3c-64fe-4bcf-be74-982d9556dd2b.png 478w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/559f4e3c-64fe-4bcf-be74-982d9556dd2b-300x158.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/559f4e3c-64fe-4bcf-be74-982d9556dd2b-18x9.png 18w\" sizes=\"(max-width: 478px) 100vw, 478px\" \/><\/figure>\n\n\n\n<p><\/p>\n\n\n<section class=\"boinx_exclamation\">\n    <div class=\"main_div_exclamation\">\n        <div class=\"left_div_icon_exclamation\">\n                <i class=\"icon_exclamation\">\u2757<\/i>\n        <\/div>\n\n        <div class=\"right_div_text_exclamation\">\n                <div><p class=\"text_exclamation_headline\">Anda juga dapat menentukan file dari komputer lokal Anda<\/p><\/div>\n                <div><p class=\"text_exclamation\">Jika Anda ingin mengambil dokumen HTML dari komputer Anda, Anda harus menentukan URL yang dimulai dengan \"file:\/\/\/\" diikuti dengan jalur lengkap ke dokumen ini. Harap perhatikan tiga tanda \"\/\" setelah \"file:\"! Contoh: file:\/\/\/Users\/mimolivestation\/Desktop\/MyHTMLpage.html<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\t\t<style>.boinx_exclamation {\n    margin:30px 0;\n    padding:10px;\n    background-color:rgb(242,222,222);\n    border-radius: 8px;\n}\n.icon_exclamation {\n    display:block;\n    padding:5px;\n    font-size:80px;\n    color:rgb(184,74,72);\n    line-height:60px;\n}\n.text_exclamation {\n    color:rgb(184,74,72);\n}\n\n.text_exclamation_headline{\n    font-weight:bold;\n    color:rgb(184,74,72);\n}\n\n\n.main_div_exclamation\n{\n    display:flex !IMPORTANT;\n    flex-wrap: wrap;\n    flex-direction: row;\n    justify-content : flex-start;\n    align-items : flex-start\n    align-content : flex-start;\n    \n}\n\n.left_div_icon_exclamation{\n    display:flex !IMPORTANT;\n    width:80px;\n    padding:10px;\n    margin:20px 20px 20px 0;\n    height:40px;\n}\n.right_div_text_exclamation{\n    display:flex !IMPORTANT;\n    flex-direction: column;\n    flex-grow: 1;\n    width:200px;\n    padding:10px;\n    margin:0;\n}<\/style>\n\t\t\n\n\n<h3 class=\"wp-block-heading\">Mengontrol Konten<\/h3>\n\n\n\n<p>Untuk mengontrol konten sumber Pengambilan Peramban Web Anda, Anda harus membuka jendela peramban dengan mengklik tombol \"Tampilkan Peramban Web\" di bawah tombol <span class=\"caps\">URL<\/span> bidang. Jendela browser baru akan muncul yang berisi konten <span class=\"caps\">URL<\/span>.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1000\" height=\"150\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/20d2c6db-6ba6-4f0d-94e0-7a4d3f0cb920.png\" alt=\"\" class=\"wp-image-31966\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/20d2c6db-6ba6-4f0d-94e0-7a4d3f0cb920.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/20d2c6db-6ba6-4f0d-94e0-7a4d3f0cb920-300x45.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/20d2c6db-6ba6-4f0d-94e0-7a4d3f0cb920-768x115.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/20d2c6db-6ba6-4f0d-94e0-7a4d3f0cb920-18x3.png 18w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Tersedia beberapa elemen kontrol:<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Mundur dan Maju<\/h4>\n\n\n\n<p>Dua tombol pertama memungkinkan Anda melompati riwayat peramban jika Anda menavigasi melalui tautan pada halaman web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\"><span class=\"caps\">URL<\/span> bidang<\/h4>\n\n\n\n<p>Bidang teks di tengah memungkinkan Anda memasukkan <span class=\"caps\">URL<\/span> untuk konten web.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Muat ulang<\/h4>\n\n\n\n<p>Dengan tombol melingkar, Anda dapat memaksa pemuatan ulang halaman web yang sedang dibuka.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Pemangkasan<\/h4>\n\n\n\n<p>Jika Anda hanya ingin menangkap bagian tertentu dari konten browser web, Anda bisa mengaktifkan krop dengan tombol ini. Batas merah akan muncul yang memungkinkan Anda menentukan bagian yang ingin Anda tangkap dengan menyeret gagang merah. Kolom angka akan muncul di bagian bawah jendela browser web untuk memungkinkan Anda memasukkan parameter yang tepat jika diperlukan.<\/p>\n\n\n\n<h4 class=\"wp-block-heading\">Latar Belakang Transparan<\/h4>\n\n\n\n<p>Kadang-kadang Anda hanya ingin memiliki konten tekstual dari halaman web sebagai hamparan untuk produksi video Anda, tetapi konten halaman web telah memiliki warna latar belakang yang ditentukan. Dalam kasus ini, Anda dapat mencoba menghapus transparansi dengan mengklik tombol ini. Karena ini adalah memanipulasi <span class=\"caps\">HTML<\/span> struktur dokumen melalui kode JavaScript yang disuntikkan, hal ini mungkin tidak dapat dilakukan untuk semua halaman web.<\/p>\n\n\n\n<p>Kode JavaScript berikut ini dijalankan untuk membuat latar belakang menjadi transparan:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>document.body.style = document.body.style.cssText + \\\u201c;background: transparent !important;\\\u201c;<\/code><\/pre>\n\n\n<section class=\"boinx_exclamation\">\n    <div class=\"main_div_exclamation\">\n        <div class=\"left_div_icon_exclamation\">\n                <i class=\"icon_exclamation\">\u2757<\/i>\n        <\/div>\n\n        <div class=\"right_div_text_exclamation\">\n                <div><p class=\"text_exclamation_headline\">Gunakan Filter Chromakey jika fitur penghilangan latar belakang tidak berhasil!<\/p><\/div>\n                <div><p class=\"text_exclamation\">Anda masih bisa mendaftar <a href=\"\/id\/panduan-pengguna\/dasar-kunci-kroma\/\">Dasar Penguncian Kroma<\/a> untuk membuat latar belakang transparan! Pelajari cara untuk <a href=\"\/id\/panduan-pengguna\/filter\/\">menambahkan Filter<\/a> ke sumber Browser Web.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<h4 class=\"wp-block-heading\">Kursor Mouse<\/h4>\n\n\n\n<p>Khususnya jika Anda ingin memamerkan halaman web kepada audiens, Anda mungkin ingin menampilkan kursor mouse sehingga mereka dapat mengikuti narasi Anda. Gunakan tombol ini untuk mengaktifkan dan menonaktifkan kursor mouse.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Menyiapkan Dimensi Piksel<\/h3>\n\n\n\n<p>Penting untuk diketahui bahwa dimensi piksel dari halaman web yang diambil sama dengan jendela browser web. Secara default, jendela akan memiliki dimensi produksi video Anda. Setelah Anda mengubah ukuran jendela, dimensi piksel dari gambar yang diambil juga akan berubah.<\/p>\n\n\n\n<p>Untuk menentukan dimensi piksel tertentu untuk sumber Anda, Anda dapat mengklik roda aksi di sudut kanan atas untuk menampilkan menu popup dengan format video yang sudah ditentukan, atau Anda dapat beralih ke dimensi khusus.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"788\" height=\"382\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/04d4b9c6-9221-44c0-a213-70f2614b8044.png\" alt=\"\" class=\"wp-image-31967\" style=\"width:591px;height:287px\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/04d4b9c6-9221-44c0-a213-70f2614b8044.png 788w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/04d4b9c6-9221-44c0-a213-70f2614b8044-300x145.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/04d4b9c6-9221-44c0-a213-70f2614b8044-768x372.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/04d4b9c6-9221-44c0-a213-70f2614b8044-18x9.png 18w\" sizes=\"(max-width: 788px) 100vw, 788px\" \/><\/figure>\n\n\n\n<p><strong>Menangkap Audio Komputer<\/strong><br>Untuk mempelajari tentang cara merekam audio komputer, bacalah <a href=\"https:\/\/mimolive.com\/id\/panduan-pengguna\/audio-komputer\/\">Sumber (Input) \/ Audio Komputer<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mengatur Ulang Sumber Pengambilan Peramban Web<\/h3>\n\n\n\n<p>MacOS menyimpan cache, cookie, dan data lain yang terkait dengan tampilan Web yang digunakan oleh Sumber Tangkapan Peramban Web di:<br><br><code>~\/Library\/WebKit\/com.boinx.mimoLive\/WebsiteData\/<\/code><\/p>\n\n\n\n<p>Jika perlu mengatur ulang konten web dari sumber, hapus folder tersebut.<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>The Web Browser Capture Source The Web Browser Capture source lets you capture an internet browser window or a part of it and provide what\u2019s displayed there as video for use in any layer that supports a video source. This can be useful if you want to show off a web page. Or you can [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":40839,"menu_order":2,"template":"","meta":{"_acf_changed":false,"_lmt_disableupdate":"no","_lmt_disable":"","footnotes":""},"categories":[258],"tags":[],"class_list":["post-31962","user-manual","type-user-manual","status-publish","hentry","category-manual"],"acf":[],"_links":{"self":[{"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/user-manual\/31962","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/user-manual"}],"about":[{"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/types\/user-manual"}],"author":[{"embeddable":true,"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/users\/3"}],"version-history":[{"count":4,"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/user-manual\/31962\/revisions"}],"predecessor-version":[{"id":41617,"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/user-manual\/31962\/revisions\/41617"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/user-manual\/40839"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/media?parent=31962"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/categories?post=31962"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/tags?post=31962"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}