Apa yang Perlu Diketahui
- Dengan halaman Rumah dalam paparan Pelan, pergi ke Tetingkap >Library > [MR] Video Latar Belakang Skrin Penuh folder dan seret widget ke halaman.
- Untuk menambahkan video, pergi ke Fail > Tambah Fail Untuk Muat Naik > folder video > Buka.
Adobe Muse membolehkan anda membuat halaman web menggunakan aliran kerja yang serupa dengan penerbitan; anda tidak memerlukan pemahaman mendalam tentang kod yang membina tapak atau halaman, walaupun kebiasaan dengan HTML5, CSS dan JavaScript tidak akan merugikan. Walaupun video web tradisional biasanya ditambah melalui API Video HTML5, Adobe Muse mencapai perkara yang sama melalui widget yang mencipta HTML 5 yang diperlukan untuk tugas tertentu tetapi menggunakan antara muka bahasa biasa dalam Muse untuk menulis kod apabila halaman diterbitkan.
Cara Menyediakan Halaman Untuk Video Latar Belakang dalam Adobe Muse CC
Dengan widget dipasang, anda kini boleh membuat halaman yang akan menggunakan video.
- Sebelum anda bermula, buat folder untuk tapak Muse anda. Di dalam folder itu, buat folder lain – kami menggunakan “media” – dan alihkan versi mp4 dan webm video anda ke dalam folder itu.
- Apabila anda melancarkan Muse, pilih Fail > Tapak Baharu.
- Apabila kotak dialog Reka Letak dibuka, pilih Desktop sebagai Reka Letak Awal dan tukar Lebar Halaman Nilaidan Ketinggian Halaman kepada 1200 dan 900 . Klik OK.
-
Klik dua kali Halaman Induk dalam paparan Rancangan untuk membuka halaman Induk. Apabila Halaman Induk dibuka, gerakkan panduan Pengepala dan Pengaki ke bahagian atas dan bawah halaman. Anda benar-benar tidak memerlukan Pengepala dan Pengaki untuk contoh ini.
Cara Menggunakan Widget Video Latar Belakang Skrin Penuh dalam Adobe Muse CC
Menggunakan widget adalah sangat mudah.
- Perkara pertama yang perlu anda lakukan ialah kembali ke Paparan Pelan dengan memilih Paparan > Mod Rancangan.
- Apabila Paparan Rancangan dibuka, klik dua kali pada Halaman utama untuk membukanya.
- Buka panel Perpustakaan – jika ia tidak dibuka di sebelah kanan Antara Muka, pilih Tetingkap > Library – dan pusing ke bawah folder [MR] Video Latar Belakang Skrin Penuh.
- Seret widget folder ke halaman.
-
Anda akan melihat Options meminta anda memasukkan nama versi mp4 dan webm video tersebut. Masukkan nama tepat seperti yang dieja dalam folder tempat anda meletakkannya. Satu helah kecil untuk memastikan anda tidak tersilap ialah menyalin nama video mp4 dan menampalnya ke kawasan MP4 dan WEBM daripada menu Pilihan
Satu helah lain: Semua yang dilakukan oleh widget ini ialah menulis kod HTML 5 untuk anda. Anda boleh memberitahu ini kerana anda melihat dalam widget. Dalam kes ini, anda boleh meletakkan widget dari halaman web pada papan penampal, dan ia masih akan berfungsi. Dengan cara ini, ia tidak mengganggu sebarang kandungan yang akan anda letakkan pada halaman.
Cara Menambah Video dan Menguji Halaman Dalam Adobe Muse CC
Walaupun anda telah menambahkan kod yang akan memainkan video, Muse masih tidak tahu di mana video tersebut berada.
- Untuk membetulkannya, pilih Fail > Tambah Fail Untuk Muat Naik.
- Apabila kotak dialog Muat naik dibuka, navigasi ke folder yang mengandungi video anda, pilihnya dan klik Buka.
-
Untuk memastikan ia telah dimuat naik, buka panel Aset,dan anda akan melihat dua video anda. Tinggalkan mereka dalam panel. Ia tidak perlu diletakkan pada halaman.
- Untuk menguji projek, pilih Fail > Pratonton Halaman Dalam Penyemak Imbas atau, kerana ini adalah satu halaman, Fail > Pratonton Tapak Dalam Penyemak Imbas. Penyemak imbas lalai anda akan dibuka dan video akan dimainkan.
- Pada ketika ini, anda boleh menganggap fail Muse sebagai halaman web biasa dan menambah kandungan pada Halaman Utama, dan video akan dimainkan di bawahnya.
Cara Menambah Bingkai Poster Video Dalam Adobe Muse CC
Inilah web yang kita bincangkan di sini, dan, bergantung pada kelajuan sambungan, terdapat kemungkinan besar pengguna anda boleh membuka halaman dan merenung skrin kosong semasa video dimuatkan. Ini bukan perkara yang baik. Begini cara untuk menangani sedikit perkara jahat ini.
Adalah "Amalan Terbaik" untuk memasukkan bingkai poster video, yang akan muncul semasa video dimuatkan. Ini biasanya tangkapan skrin bersaiz penuh bingkai daripada video.
- Untuk menambah bingkai poster, klik sekali pada Isi Pelayar di bahagian atas halaman.
- Klik Pautan imej dan navigasi ke imej yang akan digunakan.
- Di kawasan Fitting, pilih Scale to Fill dan klik Center point dalam kawasan Kedudukan. Ini akan memastikan imej akan sentiasa berskala dari tengah imej apabila saiz port pandangan penyemak imbas berubah. Anda juga akan melihat imej memenuhi halaman.
- Satu lagi helah kecil ialah mempunyai warna isian yang padu sekiranya bingkai poster mengambil sedikit masa untuk muncul. Untuk melakukan ini, klik cip Color untuk membuka Muse Color Picker. Pilih alat eyedropper dan klik pada warna utama dalam imej. Apabila selesai, klik pada halaman untuk menutup kotak dialog Isi Pelayar.
-
Pada ketika ini, anda boleh menyimpan projek atau menerbitkannya.
Bahagian akhir siri ini menunjukkan kepada anda cara menulis kod HTML5 yang meluncurkan video ke latar belakang halaman web.
