Apa itu Loom?

Loom adalah alat perpesanan video yang membantu menyampaikan pesan melalui video yang dapat langsung dibagikan.
Dengan Loom, Anda dapat merekam kamera, mikrofon, dan layar desktop secara bersamaan. Video yang direkam dapat segera dibagikan berkat teknologi paten Loom.

Cara Embed Video Loom

1. Tambahkan Komponen Embed

Langkah pertama, buka menu Insert di editor Framer dan cari embed, lalu seret ke kanvas. Tempatkan pada posisi yang diinginkan.

2. Dapatkan Kode Embed dari Loom

1. Klik tombol Share di bagian atas halaman berbagi video.

2. Pilih opsi Embed dan pastikan jangkauan publik video diatur pada “Anyone with the link”.

3. Salin kode embed yang disediakan oleh Loom.

Contoh kode dasar:

<div style="position: relative; padding-bottom: 56.074766355140184%; height: 0;">
  <iframe src="<https://www.loom.com/embed/영상ID?.>.."></iframe>
</div>

3. Hapus Atribut Style pada Tag div

Untuk menghindari konflik dengan komponen embed Framer, hapus hanya atribut style dari <div> dalam kode di atas.

Sehingga menjadi seperti berikut:

<div>
  <iframe src="<https://www.loom.com/embed/영상ID?.>.."></iframe>
</div>

4. Tempel Kode ke Komponen Embed Framer

1. Kembali ke Framer dan pilih Komponen Embed yang sudah ditempatkan di kanvas.

2. Di panel kanan, beralih ke tab HTML dan tempelkan kode di kotak input yang muncul.

3. Sekarang, saat Anda melakukan pratinjau atau menerbitkan situs, video Loom akan terlihat secara alami dalam halaman.

5. Atur Parameter Tambahan

Untuk pengaturan lebih detail mengenai opsi pemutaran video atau cara tampilan, silakan merujuk ke dokumentasi Loom.
Jika masih ada masalah, harap hubungi melalui halaman kontak.

Pertanyaan yang Sering Diajukan (FAQ)

P. Apakah perlu pengaturan tambahan untuk membuat komponen Embed responsif?

• Tidak. Komponen Embed Framer secara default beroperasi secara responsif sesuai dengan ukuran container, sehingga tidak perlu menambahkan CSS tambahan.

P. Jika video ditampilkan terlalu besar, apakah perlu menyesuaikan ukurannya secara manual?

• Ya. Komponen Embed mengikuti ukuran Frame induk, jadi untuk membuatnya sesuai ukuran yang diinginkan, Anda perlu menyesuaikan pengaturan Frame atau Auto Layout.

P. Apakah saya dapat mengubah thumbnail video (layar sebelum pemutaran) di Framer?

• Tidak. Thumbnail hanya dapat diubah di platform Loom dan tidak dapat dikontrol di Framer.

Artikel ini merupakan terjemahan dan adaptasi dari konten resmi Framer Blog berjudul ‘Embedding a Loom video in your site’.