{"id":32490,"date":"2023-03-08T16:33:24","date_gmt":"2023-03-08T15:33:24","guid":{"rendered":"https:\/\/mimolive.com\/?post_type=user-manual&#038;p=32490"},"modified":"2024-10-08T11:01:10","modified_gmt":"2024-10-08T09:01:10","slug":"contoh-penggunaan-api","status":"publish","type":"user-manual","link":"https:\/\/mimolive.com\/id\/user-manual\/remote-control-automation\/http-api\/examples-of-api-usage\/","title":{"rendered":"Contoh penggunaan API"},"content":{"rendered":"<h2 class=\"wp-block-heading\">Prasyarat<\/h2>\n\n\n\n<p>- Buka dokumen yang ingin Anda manipulasi di mimoLive.<br>- Pastikan dokumen sudah dalam keadaan selesai sehingga endpoint API seperti Layer tidak berubah lagi. Perlu diketahui bahwa jika Anda menghapus sebuah layer dan menambahkannya lagi, layer ini akan memiliki Layer ID yang berbeda ketika berbicara dengannya melalui API. Namun, menyusun ulang layer atau menambahkan varian layer tidak akan mengubah ID layer.<br>- Aktifkan fitur <span class=\"caps\">HTTP<\/span>-Server di Preferensi Kontrol Jarak Jauh mimoLive. Centang opsi \"Izinkan Akses Remote Control\":<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img fetchpriority=\"high\" decoding=\"async\" width=\"1000\" height=\"542\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/9e0a2b0b-6a64-4093-b15b-24aa12dead32.png\" alt=\"\" class=\"wp-image-32491\" style=\"width:570px;height:auto\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/9e0a2b0b-6a64-4093-b15b-24aa12dead32.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/9e0a2b0b-6a64-4093-b15b-24aa12dead32-300x163.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/9e0a2b0b-6a64-4093-b15b-24aa12dead32-768x416.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/9e0a2b0b-6a64-4093-b15b-24aa12dead32-18x10.png 18w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Harap catat Nomor IP atau alamat IP dengan nomor port mimoLive untuk digunakan lebih lanjut saat bekerja dengan <span class=\"caps\">HTTP<\/span> <span class=\"caps\">API<\/span>.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Cara Mengontrol mimoLive dari Jarak Jauh<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Mengontrol mimoLive dengan Permukaan Remote Control<\/h3>\n\n\n\n<p>Cara yang paling efektif adalah dengan membuat custom <a href=\"https:\/\/mimolive.com\/id\/panduan-pengguna\/menggunakan-mimolive\/permukaan-kendali-jarak-jauh\/\" data-type=\"user-manual\" data-id=\"31791\">Permukaan Kontrol Jarak Jauh<\/a> untuk dokumen mimoLive Anda, yang dapat berjalan di iPad, iPhone, atau perangkat lain dengan browser internet.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mengontrol mimoLive dengan php<\/h3>\n\n\n\n<p>Kami memiliki contoh skrip PHP yang terdokumentasi dengan baik di GitHub: <br><a href=\"https:\/\/github.com\/boinx\/mimoLive-HTTP-Demo\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/boinx\/mimoLive-<span class=\"caps\">HTTP<\/span>-Demo<\/a><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mengontrol mimoLive dengan <span class=\"caps\">CURL<\/span><\/h3>\n\n\n\n<p>Untuk mengontrol mimoLive melalui <span class=\"caps\">HTTP<\/span> Anda dapat menggunakan perintah bash \"curl\". Agar perintah curl dapat bekerja, Anda harus menemukan ID dokumen mimoLive yang ingin Anda manipulasi.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mengontrol mimoLive dengan lapisan Otomasi<\/h3>\n\n\n\n<p>The <a href=\"https:\/\/mimolive.com\/id\/panduan-pengguna\/otomatisasi\/\">Lapisan otomatisasi<\/a> dapat melakukan beberapa perintah mudah untuk memicu tindakan di mimLive dengan <span class=\"caps\">API<\/span> Titik akhir. Ia juga memiliki perintah httpRequest() untuk melakukan segala jenis <span class=\"caps\">DAPATKAN<\/span> meminta tindakan yang <span class=\"caps\">HTTP<\/span> <span class=\"caps\">API<\/span> mampu melakukannya.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mengontrol mimoLive dengan Skrip Apple<\/h3>\n\n\n\n<p>Saat ini mimoLive tidak mendukung Apple Script. Namun, Anda dapat menggunakan solusi untuk menghubungi mimoLive: Terdapat perintah \"do shell script\" di dalam Apple Script yang memungkinkan Anda untuk melakukan perintah bash seperti \"curl\". Bagian sebelumnya menjelaskan cara membuat perintah curl untuk memanipulasi layer atau nilai layer tertentu.<\/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\">Jebakan dalam Skrip Apple<\/p><\/div>\n                <div><p class=\"text_exclamation\">Di Apple Script ada dua jebakan ketika membawa perintah terminal seperti \"curl\" ke perintah do shell script: 1. All \" harus diawali dengan \\ untuk memberi tahu pemilah Apple-Script bahwa itu bukan penanda akhir perintah do shell script. Tanda \\ adalah karakter pelarian untuk memberi tahu pengurai agar mengabaikan karakter berikut. 2. Jika Anda menggabungkan beberapa bagian teks dengan &amp;, maka ini adalah \"daftar teks\" untuk Apple Script, bukan satu teks. Perintah shell do tidak akan bekerja dengan \"daftar teks\" dan oleh karena itu Anda perlu mengubahnya kembali menjadi satu teks dengan \"as text\" di akhir teks perintah curl Anda<\/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<p>Setelah Anda puas dengan perintah curl, Anda perlu membungkusnya dengan perintah \"do shell script\" di Apple Script:<\/p>\n\n\n<section class=\"boinx_section\">\n    <div class=\"main_div\">\n        <div class=\"left_div_icon\">\n                <i class=\"icon_highlight\">*<\/i>\n        <\/div>\n\n        <div class=\"right_div_text\">\n                <div><p class=\"text_highlight_headline\">Pastikan untuk mengganti xxxxxxxxx dengan Endpoint API layer spesifik Anda!<\/p><\/div>\n                <div><p class=\"text_highlight\"><\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\t\t<style>.boinx_section {\n    margin:30px 0;\n    padding:10px;\n    background-color:rgb(217,237,248);\n    border-radius: 8px;\n  \n}\n\n.icon_highlight {\n    display:block;\n    padding:5px;\n    font-size:80px;\n    color:rgb(58,134,172);\n    line-height:60px;\n}\n\n.text_highlight {\n    color:rgb(58,134,172);\n}\n\n.text_highlight_headline{\n    font-weight:bold;\n    color:rgb(58,134,172);\n}\n\n.main_div\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.left_div_icon{\n    display:flex !IMPORTANT;\n    width:40px;\n    padding:0;\n    margin:10px 20px 10px 10px;\n    \n}\n.right_div_text{\n    display:flex !IMPORTANT;\n    flex-direction: column;\n    flex-grow: 1;\n    padding:10px;\n    margin:0;\n    width:200px;\n    }<\/style>\n\t\t\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>set layerAPIEndpoint to \"xxxxxxxxx\" -- in our example this would be \"http:\/\/172.28.30.202:8989\/api\/v1\/documents\/458706932\/layers\/BA868701-8131-49CB-8EDD-8C7E6E7CD60B\"\n\nset lowerThirdTitle to \"Hello World!\"\ndo shell script \"curl -d '{\\\"input-values\\\":{\\\"tvGroup_Content__Title\\\":\\\"\" &amp;amp; lowerThirdTitle &amp;amp; \"\\\"}}' -H \\\"Content-Type: application\/json\\\" -X PUT \\\"\" &amp;amp; layerAPIEndpoint &amp;amp; \"\\\"\" as text\n\n<\/code><\/pre>\n\n\n\n<p>Contoh skrip Apple berikut ini menunjukkan cara mengaktifkan lapisan setiap setengah jam pada jam: Hal ini dapat berguna untuk overlay komersial. Pastikan untuk menggunakan layer yang akan mati dengan sendirinya setelah waktu tertentu (misalnya Placer Layer dengan sumber film yang tidak melingkar).<\/p>\n\n\n<section class=\"boinx_section\">\n    <div class=\"main_div\">\n        <div class=\"left_div_icon\">\n                <i class=\"icon_highlight\">*<\/i>\n        <\/div>\n\n        <div class=\"right_div_text\">\n                <div><p class=\"text_highlight_headline\">Pastikan untuk mengganti xxxxxxxxx dengan Endpoint API layer spesifik Anda!<\/p><\/div>\n                <div><p class=\"text_highlight\"><\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>-- configure your Layer API Endpoint:\nset layerAPIEndpoint to \"xxxxxxxxx\" -- in our example this would be \"http:\/\/172.28.30.202:8989\/api\/v1\/documents\/458706932\/layers\/BA868701-8131-49CB-8EDD-8C7E6E7CD60B\"\n-- repeat endlessly:\nrepeat\n\t-- get the seconds last in this hour\n\tset currentDate to current date\n\tset secondsToNextHour to 3600 - ((minutes of currentDate) * 60 + (seconds of currentDate))\n\t-- --------------------------------------------\n\t-- The following code snippet is useful only if you want to\n\t-- switch the layer live on half hours also.\n\t-- if you don't want this behaviour you can delete this part.\n\t-- --------------------------------------------\n\t-- check if we are currently in the first half of the hour\n\tif secondsToNextHour &amp;gt; 1800 then\n\t\t-- yes, we are in the first half of the hour, so only wait half the time\n\t\tset secondsToNextHour to secondsToNextHour - 1800\n\tend if\n\t-- --------------------------------------------\n\t-- wait until the time to trigger the layer\n\tdelay secondsToNextHour\n\t-- set the specified layer to live:\n\tdo shell script \"curl \\\"\" &amp;amp; layerAPIEndpoint &amp;amp; \"\/setLive\\\"\" as text\n\t-- wait a couple of seconds to make sure we don't glitch in time\n\tdelay 5\nend repeat\n\n<\/code><\/pre>\n\n\n\n<h2 class=\"wp-block-heading\">Mengontrol Elemen Antarmuka Pengguna di mimoLive<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Mendapatkan <span class=\"caps\">API<\/span> Titik akhir<\/h3>\n\n\n\n<p><\/p>\n\n\n\n<p>Titik akhir API sangat penting untuk menangani elemen tertentu dalam dokumen mimoLive Anda. Untuk daftar titik akhir API yang tersedia, silakan merujuk ke <a href=\"https:\/\/mimolive.com\/id\/panduan-pengguna\/kustomisasi\/http-api\/titik-akhir\/\" data-type=\"user-manual\" data-id=\"32488\">Titik Akhir API<\/a>.<br><br>Sebelum mimoLive 5.5, sulit untuk mendapatkan ID Dokumen dan misalnya ID Layer dengan perintah Terminal yang panjang. <span class=\"caps\">JSON<\/span> data. Sejak mimoLive 5.5, hal ini menjadi lebih mudah:<\/p>\n\n\n\n<p>Pertama-tama salinlah mimoLive <span class=\"caps\">HTTP<\/span> basis server <span class=\"caps\">URL<\/span> dari bagian Remote Control pada jendela Preferensi mimoLive (lihat gambar di atas). Buka editor teks (misalnya TextEdit dari Apple) dan tempelkan konten Clipboard ke dalam dokumen teks yang baru dibuat. Harap pastikan bahwa ada <strong>tidak<\/strong> garis miring di akhir <span class=\"caps\">URL<\/span>! Hasilnya akan terlihat seperti ini:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>http:&#47;&#47;172.28.30.202:8989<\/code><\/pre>\n\n\n\n<p>Pada jendela dokumen mimoLive dengan mouse Anda, Anda dapat mengklik kanan (atau klik-kontrol, atau klik-dua-jari) pada objek yang diinginkan (misalnya Layer, Sumber, tombol kontrol Layer) untuk mendapatkan menu konteks. Ada satu item menu yang memungkinkan Anda menyalin <span class=\"caps\">API<\/span> Titik akhir ke Papan Klip macOS untuk menggunakannya di mimoLive Anda <span class=\"caps\">API<\/span> proyek.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img decoding=\"async\" width=\"1000\" height=\"740\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bc6c7e19-e991-48a0-a9b8-b56d690f19b4.png\" alt=\"\" class=\"wp-image-32492\" style=\"width:501px;height:auto\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bc6c7e19-e991-48a0-a9b8-b56d690f19b4.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bc6c7e19-e991-48a0-a9b8-b56d690f19b4-300x222.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bc6c7e19-e991-48a0-a9b8-b56d690f19b4-768x568.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/bc6c7e19-e991-48a0-a9b8-b56d690f19b4-16x12.png 16w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Kadang-kadang penting untuk menangani varian layer tertentu daripada layer secara umum. Jika Anda mengklik kanan pada parameter layer, Anda akan melihat bahwa ada beberapa <span class=\"caps\">API<\/span> titik akhir untuk lapisan aktif saat ini atau varian lapisan tertentu:<\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1000\" height=\"356\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/6120370f-a575-43db-891b-ef3a91d5aec5.png\" alt=\"\" class=\"wp-image-32493\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/6120370f-a575-43db-891b-ef3a91d5aec5.png 1000w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/6120370f-a575-43db-891b-ef3a91d5aec5-300x107.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/6120370f-a575-43db-891b-ef3a91d5aec5-768x273.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/6120370f-a575-43db-891b-ef3a91d5aec5-18x6.png 18w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<p>Kembali ke editor teks Anda dan tempelkan yang baru saja disalin <span class=\"caps\">API<\/span> Titik akhir setelah <span class=\"caps\">HTTP<\/span> Basis server <span class=\"caps\">URL<\/span>. Sekarang <span class=\"caps\">URL<\/span> di browser teks Anda akan terlihat seperti ini:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>http:&#47;&#47;172.28.30.202:8989\/api\/v1\/documents\/458706932\/layers\/BA868701-8131-49CB-8EDD-8C7E6E7CD60B<\/code><\/pre>\n\n\n\n<p>Ini adalah yang terakhir <span class=\"caps\">API<\/span> Titik akhir untuk mengalamatkan sebuah layer dalam dokumen Anda. Dalam contoh ini <strong>458706932<\/strong> adalah ID dokumen dan <strong>BA868701-8131-49CB-8EDD-8C7E6E7CD60B<\/strong> adalah ID lapisan spesifik dari lapisan tertentu dalam dokumen ini.<\/p>\n\n\n\n<p>Klik kanan pada elemen antarmuka pengguna tertentu untuk membuka menu konteks untuk mendapatkan titik akhir API tertentu yang berfungsi sebagai berikut:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Sumber<\/li>\n\n\n\n<li>Lapisan<\/li>\n\n\n\n<li>Varian Lapisan<\/li>\n\n\n\n<li>Parameter Lapisan<\/li>\n\n\n\n<li>Tujuan Keluaran<\/li>\n\n\n\n<li>Set Lapisan<\/li>\n<\/ul>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"266\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.19.00-1024x266.png\" alt=\"\" class=\"wp-image-39712\" style=\"width:575px;height:auto\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.19.00-1024x266.png 1024w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.19.00-300x78.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.19.00-768x199.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.19.00-18x5.png 18w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.19.00.png 1132w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Contoh: Mengaktifkan dan <span class=\"caps\">OFF<\/span> sebuah Lapisan<\/h3>\n\n\n\n<p>Dengan yang diambil <span class=\"caps\">API<\/span> Titik akhir untuk lapisan tertentu dapat Anda aktifkan dan nonaktifkan dengan perintah terminal berikut ini.<\/p>\n\n\n<section class=\"boinx_section\">\n    <div class=\"main_div\">\n        <div class=\"left_div_icon\">\n                <i class=\"icon_highlight\">*<\/i>\n        <\/div>\n\n        <div class=\"right_div_text\">\n                <div><p class=\"text_highlight_headline\"><\/p><\/div>\n                <div><p class=\"text_highlight\">Pastikan untuk mengganti xxxxxxxxx dengan API Endpoint dari langkah sebelumnya!<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>curl xxxxxxxxx\/setLive\ncurl xxxxxxxxx\/setOff\ncurl xxxxxxxxx\/toggleLive\n# our example will look like this:\ncurl http:\/\/172.28.30.202:8989\/api\/v1\/documents\/458706932\/layers\/BA868701-8131-49CB-8EDD-8C7E6E7CD60B\/setLive<\/code><\/pre>\n\n\n<section class=\"boinx_section\">\n    <div class=\"main_div\">\n        <div class=\"left_div_icon\">\n                <i class=\"icon_highlight\">*<\/i>\n        <\/div>\n\n        <div class=\"right_div_text\">\n                <div><p class=\"text_highlight_headline\">URL juga dapat digunakan di peramban Internet<\/p><\/div>\n                <div><p class=\"text_highlight\">URL tersebut (tanpa perintah \"curl\") juga dapat dimasukkan ke dalam bilah alamat peramban Internet. Setelah Anda menekan return, browser akan memanggil server HTTP mimoLive dan melakukan perintah yang Anda tentukan. Jika Anda memiliki data JSON yang perlu dikirim ke titik akhir API, Anda juga dapat menambahkannya ke URL, lihat \"Mengubah perintah CURL dengan Data JSON ke URL HTTP untuk Permintaan HTTP sederhana\" di bawah ini.<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<p>Cara mudah untuk mendapatkan URL HTTP lengkap untuk mengubah status live layer menjadi aktif atau nonaktif adalah dengan mengklik kanan pada tombol Live layer untuk membuka menu konteks dan memilih 'Salin URL Untuk Mengatur Layer Live'. Ini akan menyalin URL ke clipboard untuk Anda gunakan. Pada tangkapan layar, Anda dapat melihat menu konteks untuk tombol Live pada layer Lower Third.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"249\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.13.16-1024x249.png\" alt=\"\" class=\"wp-image-39711\" style=\"width:643px;height:auto\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.13.16-1024x249.png 1024w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.13.16-300x73.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.13.16-768x187.png 768w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.13.16-18x4.png 18w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.13.16.png 1174w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n\n<h3 class=\"wp-block-heading\">Contoh: Mengubah Nilai Lapisan<\/h3>\n\n\n\n<p>- Semua parameter lapisan dapat ditetapkan melalui menu <span class=\"caps\">HTTP<\/span> <span class=\"caps\">API<\/span>. Anda harus menemukan kunci yang benar untuk menetapkan nilai baru. Dalam contoh kita, kita akan mengatur Judul sebuah <a href=\"https:\/\/mimolive.com\/id\/panduan-pengguna\/sepertiga-bagian-bawah\/\">Lapisan Lower Third<\/a> dengan kunci tvGroup_Content__Title. Karena kita perlu mengirim nilai baru dalam sebuah <span class=\"caps\">JSON<\/span> ke file <span class=\"caps\">HTTP<\/span> server dengan <span class=\"caps\">PUT<\/span> meminta perintah curl menjadi sedikit ramai.<\/p>\n\n\n\n<p><i>*<\/i>Pastikan untuk mengganti xxxxxxxxx dengan layer spesifik Anda <span class=\"caps\">API<\/span> Endpoint!<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>curl -d '{\"input-values\":{\"tvGroup_Content__Title\":\"My new title\"}}' -H \"Content-Type: application\/json\" -X PUT \"xxxxxxxxx\"\n<\/code><\/pre>\n\n\n\n<p>Cara cepat untuk mendapatkan URL HTTP lengkap untuk memicu pembaruan properti layer adalah dengan mengklik kanan pada nama properti, membuka menu konteks, dan memilih \"Salin URL Untuk Mengubah '.....' \" Perintah menu ini menyalin URL HTTP ke clipboard, yang ketika dipanggil (misalnya, di browser Internet), akan mengatur properti ke nilai saat ini. Dengan memeriksa URL, Anda dapat menentukan bagian mana yang perlu dimodifikasi untuk mengirim data Anda sendiri ke properti ini. Pada tangkapan layar, Anda dapat melihat menu konteks untuk menyalin URL untuk mengubah subjudul layer Lower Third.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full is-resized\"><img loading=\"lazy\" decoding=\"async\" width=\"752\" height=\"334\" src=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.05.39.png\" alt=\"\" class=\"wp-image-39708\" style=\"width:349px;height:auto\" srcset=\"https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.05.39.png 752w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.05.39-300x133.png 300w,  https:\/\/mimolive.com\/wp-content\/uploads\/2023\/03\/Screenshot-2024-10-08-at-10.05.39-18x8.png 18w\" sizes=\"(max-width: 752px) 100vw, 752px\" \/><\/figure>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>http:\/\/127.0.0.1:8989\/api\/v1\/documents\/xxxxxxxxxxxx\/layers\/yyyyyyyyyyyy\/variants\/zzzzzzzzzzzz?include=data.attributes.input-values&amp;fields&#91;input-values]=tvGroup_Content__Subtitle&amp;update=%7B%22input-values%22:%7B%22tvGroup_Content__Subtitle%22:%22<strong>mimoLive%20User<\/strong>%22%7D%7D<\/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\">Nilai baru dalam URL harus dikodekan dengan URL!<\/p><\/div>\n                <div><p class=\"text_exclamation\">Dalam contoh ini, spasi antara \"mimoLive\" dan \"User\" dikodekan sebagai<\/p><\/div>\n        <\/div>    \n    <\/div>\n<\/section>\n\n\n\n\n<h2 class=\"wp-block-heading\">Praktik Terbaik<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">Koleksi Berguna <span class=\"caps\">API<\/span> Perintah untuk Anda jelajahi<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Mengatur <span class=\"caps\">RTMP<\/span> <span class=\"caps\">URL<\/span> dan Kunci Streaming dari Tujuan Output Streaming Langsung:<\/h4>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>curl --data '{\"data\": { \"attributes\": {\"settings\": {\"rtmpurl\":\"rtmp:\/\/mystreaminghost.com\", \"streamingkey\":\"<strong>MYTOTALLYSECRETSTREAMKEY<\/strong>\"} } } }' --request PATCH http:\/\/192.168.0.100:8989\/api\/v1\/documents\/xxxxxxxxx\/output-destinations\/yyyyyyyyyyyyy<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Mengatur Nama File dan Jalur Tujuan Keluaran Penulisan File<\/h4>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>curl --data '{\"data\": { \"attributes\": {\"settings\": { \"location\": \"<strong>~\/Destktop\/Recordings<\/strong>\", \"filename\": \"<strong>MyGreatShow %year-%month-%day-%hour-%minute.%extension<\/strong>\" } } } }' --request PATCH http:\/\/192.168.0.100:8989\/api\/v1\/documents\/xxxxxxxxxxxx\/output-destinations\/yyyyyyyyyyyy<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Mengatur Sumber Video dari Lapisan Penempatan<\/h4>\n\n\n\n<p>yyyyyyyyyyyyy akan menjadi <span class=\"caps\">UUID<\/span> dari sumber video. (e.g CCAF4418-367A-415F-AD25-6536C3EF3512)<\/p>\n\n\n\n<p>xxxxxxxxxxxxx akan menjadi <span class=\"caps\">API<\/span> titik akhir dari varian lapisan tertentu. (e.g. http:\/\/172.28.30.202:8989\/api\/v1\/documents\/2014814935\/layers\/BA868701-8131-49CB-8EDD-8C7E6E7CD60B\/variants\/AA868701-8131-49CB-8EDD-8C7E6E7CD60A)<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>curl -d '{\"input-values\":{\"tvIn_VideoSourceAImage\":\"yyyyyyyyyyyyy\"}}' -H \"Content-Type: application\/json\" -X PUT \"xxxxxxxxxxxxxxxx\"<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Mengatur Volume Layer yang memiliki Kenop Volume Audio<\/h4>\n\n\n\n<p>Dengan perintah curl ini, Anda dapat mengubah volume audio layer yang memiliki kenop penyesuaian audio (seperti kenop <a href=\"https:\/\/mimolive.com\/id\/panduan-pengguna\/placer\/\">Lapisan penempatan<\/a>). Nilai \"volume\" dapat mengambil nilai dari 0,0 hingga 1,0.<\/p>\n\n\n\n<p>xxxxxxxxxxxxx akan menjadi <span class=\"caps\">API<\/span> titik akhir lapisan (misalnya http:\/\/10.101.2.2:8989\/api\/v1\/documents\/13195157\/layers\/BA868701-8131-49CB-8EDD-8C7E6E7CD60B)<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>curl -d '{\"volume\": 0.5}' -H \"Content-Type: application\/json\" -X PUT \"xxxxxxxxxxxxxxxx\"<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Menetapkan Warna lapisan Latar Belakang<\/h4>\n\n\n\n<p>xxxxxxxxxxxxx akan menjadi <span class=\"caps\">API<\/span> titik akhir dari varian lapisan tertentu. (e.g. http:\/\/172.28.30.202:8989\/api\/v1\/documents\/2014814935\/layers\/BA868701-8131-49CB-8EDD-8C7E6E7CD60B\/variants\/AA868701-8131-49CB-8EDD-8C7E6E7CD60A)<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>curl -d '{\"input-values\":{\"tvGroup_Appearance__Color_1\":{\"red\": 1.0, \"blue\": 0.5, \"green\": 0, \"alpha\": 0.5}}}' -H \"Content-Type: application\/json\" -X PUT \"xxxxxxxxxxxxxxxx\"<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Menghapus jalur file dari sumber video Perekaman Terakhir<\/h4>\n\n\n\n<p>Dalam <a href=\"https:\/\/mimolive.com\/id\/panduan-pengguna\/sumber-sumber-dan-repositori-sumber-sumber\/\">Repositori Sumber<\/a>Anda dapat memiliki <a href=\"https:\/\/mimolive.com\/id\/panduan-pengguna\/sumber-rekaman-terakhir\/\">Sumber Rekaman Terakhir<\/a> yang akan memberikan akses ke rekaman terbaru yang akan diumumkan oleh Tujuan Output Rekaman File mana pun. Dalam aplikasi kios, perlu untuk menghapus jalur perekaman terakhir agar pengguna stasiun berikutnya tidak dapat meninjau perekaman pengguna sebelumnya. Dengan cara sebagai berikut <a href=\"https:\/\/mimolive.com\/id\/panduan-pengguna\/otomatisasi\/\">Perintah Lapisan Otomasi<\/a> Anda dapat menghapus informasi ini dari Sumber Rekaman Terakhir:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>httpRequest(http:\/\/127.0.0.1:8989\/api\/v1\/documents\/2014814935\/sources\/2014814935-413AC0A3-AC43-4A7D-A228-6D0181BF1476?update=%7B%22filepath%22%3A%22%22%7D)<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Menyimpan <span class=\"caps\">JSON<\/span> Data dalam Dokumen mimoLive<\/h4>\n\n\n\n<p>Dengan titik akhir \"datastores\" Anda dapat menyimpan data apa pun dalam dokumen mimoLive untuk mempertahankannya selama pemuatan ulang dokumen. Anda perlu menggunakan sebuah \"<span class=\"caps\">PUT<\/span>\" permintaan untuk menyimpan data dan \"<span class=\"caps\">DAPATKAN<\/span>\" untuk membacanya kembali. Anda dapat menyimpan data apa pun, namun dalam contoh ini kami menyimpan <span class=\"caps\">JSON<\/span> Data karena ini tampaknya merupakan kasus penggunaan yang sangat umum. Jika Anda ingin menyimpan data yang berbeda, Anda perlu menyesuaikan parameter -H.<\/p>\n\n\n\n<p>Perintah curl untuk menyimpan data:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>curl \u2014data '{\"myData1\": 1.5, \"myData2\":\"Some text\"}' -H \"Content-Type: application\/json\" -X PUT http:\/\/127.0.0.1:8989\/api\/v1\/documents\/1643911183\/datastores\/myDataStore1<\/code><\/pre>\n\n\n\n<p>Perintah curl untuk membaca data kembali:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>curl -X <span class=\"caps\">GET<\/span> http:\/\/127.0.0.1:8989\/api\/v1\/documents\/1643911183\/datastores\/myDataStore1<\/code><\/pre>\n\n\n\n<h4 class=\"wp-block-heading\">Memperbarui Jalur File Sumber dari Sumber File Media<\/h4>\n\n\n\n<p>Anda mungkin ingin menukar film yang diputar atau mengganti iklan yang ditampilkan oleh <a href=\"https:\/\/mimolive.com\/id\/panduan-pengguna\/file-media\/\">Sumber File Media<\/a>. Hal ini dapat dilakukan dengan perintah pembaruan yang dilakukan pada sumber <span class=\"caps\">API<\/span> titik akhir.<\/p>\n\n\n\n<p>Pastikan bahwa mode referensi file Sumber Media diatur ke \"Absolut Path\". Dapatkan <span class=\"caps\">API<\/span> titik akhir untuk sumber ini dengan mengklik kanan di kolom kiri dan memilih \"Copy Source's <span class=\"caps\">API<\/span> Titik Akhir ke Papan Klip\" di menu konteks. Membuat <span class=\"caps\">URL<\/span> dengan formulir berikut ini:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>http:\/\/127.0.0.1:8989\/api\/v1\/documents\/&lt;YOUR DOCUMENT ID&gt;\/sources\/&lt;SOURCE API ENDPOINT&gt;?update={\"filepath\":\"&lt;LOCAL FILE PATH&gt;\"}<\/code><\/pre>\n\n\n\n<p>Pastikan untuk menyandikan <span class=\"caps\">JSON<\/span> data dalam <span class=\"caps\">URL<\/span> untuk mendapatkan <span class=\"caps\">URL<\/span> yang dapat digunakan dalam perintah curl seperti ini:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>curl -X GET http:\/\/127.0.0.1:8989\/api\/v1\/documents\/1748069974\/sources\/1748069974-334DA2E4-DFF3-4225-8F4A-D09D40A6BD5D?update=%7B%22filepath%22:%22~\/Desktop\/Screen%20Recording%202022-07-27%20at%2012.18.23.mov%22%7D<\/code><\/pre>\n\n\n\n<p><i>*<\/i>Harap diperhatikan bahwa Anda dapat menggunakan \"~\" di awal jalur file untuk merujuk direktori home dari pengguna saat ini.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mengonversi <span class=\"caps\">CURL<\/span> perintah dengan <span class=\"caps\">JSON<\/span> Data Ke <span class=\"caps\">HTTP<\/span> <span class=\"caps\">URL<\/span> untuk sederhana <span class=\"caps\">HTTP<\/span> Permintaan<\/h3>\n\n\n\n<p>Terkadang hanya memungkinkan untuk mengirim pesan sederhana <span class=\"caps\">HTTP<\/span> permintaan ke mimoLive daripada menggunakan perintah curl, misalnya dalam kasus aplikasi otomatisasi pihak ketiga atau Lapisan Otomasi mimoLive itu sendiri. Hal ini memerlukan konversi blok data dari perintah curl menjadi bagian dari <span class=\"caps\">URL<\/span>. Anda dapat melakukannya sebagai berikut:<\/p>\n\n\n\n<p>Anggaplah kita memiliki perintah curl berikut ini:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>curl --data '{\"data\": { \"attributes\": {\"settings\": {\"rtmpurl\":\"rtmp:\/\/mystreaminghost.com\", \"streamingkey\":\"MYTOTALLYSECRETSTREAMKEY\"} } } }' --request PATCH http:\/\/192.168.0.100:8989\/api\/v1\/documents\/458706932\/output-destinations\/4D072496-1CE3-418E-B73E-59A2927A2110<\/code><\/pre>\n\n\n\n<p>Anda akan mengambil <strong><span class=\"caps\">HTTP<\/span> bagian<\/strong> pertama:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>http:&#47;&#47;192.168.0.100:8989\/api\/v1\/documents\/458706932\/output-destinations\/4D072496-1CE3-418E-B73E-59A2927A2110<\/code><\/pre>\n\n\n\n<p>Menambahkan <strong>?update=<\/strong> untuk itu:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>http:&#47;&#47;192.168.0.100:8989\/api\/v1\/documents\/458706932\/output-destinations\/4D072496-1CE3-418E-B73E-59A2927A2110?update=<\/code><\/pre>\n\n\n\n<p>Dapatkan semua <strong>-string data<\/strong> dan hapus semua spasi yang tidak perlu:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>{\"data\":{\"attributes\":{\"settings\":{\"rtmpurl\":\"rtmp:\/\/mystreaminghost.com\",\"streamingkey\":\"MYTOTALLYSECRETSTREAMKEY\"}}}}<\/code><\/pre>\n\n\n\n<p>Enkode ini ke <span class=\"caps\">URL<\/span> bentuk oleh <strong>keluar dari karakter yang tidak sesuai dengan URL<\/strong> (misalnya menggunakan https:\/\/www.urlencoder.org\/)<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>%7B%22data%22%3A%7B%22attributes%22%3A%7B%22settings%22%3A%7B%22rtmpurl%22%3A%22rtmp%3A%2F%2Fmystreaminghost.com%22%2C%22streamingkey%22%3A%22MYTOTALLYSECRETSTREAMKEY%22%7D%7D%7D%7D<\/code><\/pre>\n\n\n\n<p>Terakhir, letakkan semua ini <strong>setelah tanda ?update=<\/strong> seperti itu:<\/p>\n\n\n\n<pre class=\"wp-block-code\" data-no-translation=\"\"><code>http:&#47;&#47;192.168.0.100:8989\/api\/v1\/documents\/458706932\/output-destinations\/4D072496-1CE3-418E-B73E-59A2927A2110?update=%7B%22data%22%3A%7B%22attributes%22%3A%7B%22settings%22%3A%7B%22rtmpurl%22%3A%22rtmp%3A%2F%2Fmystreaminghost.com%22%2C%22streamingkey%22%3A%22MYTOTALLYSECRETSTREAMKEY%22%7D%7D%7D%7D<\/code><\/pre>\n\n\n\n<p>Sekarang Anda dapat menggunakan ini <span class=\"caps\">URL<\/span> secara sederhana <span class=\"caps\">HTTP<\/span> permintaan.<\/p>\n\n\n\n<p><\/p>","protected":false},"excerpt":{"rendered":"<p>Prerequisites &#8211; Open the document you want to manipulate in mimoLive.&#8211; Make sure the document is in a finished state so that the API endpoints like Layers do not change anymore. Please be aware that if you remove a layer and add it again this layer will have a different Layer ID when talking to [&hellip;]<\/p>","protected":false},"author":3,"featured_media":0,"parent":32486,"menu_order":2,"template":"","meta":{"_acf_changed":false,"_angie_page":false,"_lmt_disableupdate":"","_lmt_disable":"","footnotes":""},"categories":[258],"tags":[],"class_list":["post-32490","user-manual","type-user-manual","status-publish","hentry","category-manual"],"acf":[],"_links":{"self":[{"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/user-manual\/32490","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":8,"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/user-manual\/32490\/revisions"}],"predecessor-version":[{"id":39724,"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/user-manual\/32490\/revisions\/39724"}],"up":[{"embeddable":true,"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/user-manual\/32486"}],"wp:attachment":[{"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/media?parent=32490"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/categories?post=32490"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/mimolive.com\/id\/wp-json\/wp\/v2\/tags?post=32490"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}