Menambah Video Ke Adobe Muse
Aspek yang sangat menarik dari Adobe Muse ialah ia membolehkan anda membuat laman web menggunakan alur kerja yang sama dengan yang digunakan untuk meletakkan penerbitan. Anda tidak memerlukan pemahaman mendalam tentang kod yang membina laman web atau halaman tetapi kebiasaan dengan HTML5, CSS dan JavaScript tidak akan menyakiti.
Walaupun video web tradisional biasanya ditambahkan melalui penggunaan HTML5 Video API, Adobe Muse melakukan perkara yang sama melalui apa yang dipanggil "widget". Widget membuat HTML 5 yang diperlukan untuk tugas tertentu tetapi menggunakan antara muka bahasa biasa di Muse untuk menulis kod apabila halaman diterbitkan.
Dalam latihan ini, kami akan menggunakan widget yang boleh anda muat turun, secara percuma, dari Sumber Muse. Apabila muat turun widget, semua yang anda perlu lakukan ialah membuka fail .zip dan klik dua kali pada fail .mulib dalam folder Video Skrin Penuh. Ini akan memasangnya ke salinan Adobe Muse anda.
Cara Menyediakan A Halaman Untuk Video Latar Belakang di Adobe Muse CC
Dengan widget yang dipasang, anda kini boleh membuat halaman yang akan menggunakan video itu.
Sebelum memulakan, buat folder untuk laman Muse anda. Di dalam folder itu, buat folder lain - saya menggunakan " media "- dan alihkan versi mp4 dan webm video anda ke dalam folder itu.
Apabila anda melancarkan pilih Muse Fail> Situs Baru. Apabila kotak dialog Tataletak dibuka pilih Desktop sebagai Tata Letak Permulaan dan ubah Lebar Halaman dan Ketinggian halaman nilai kepada 1200 dan 900. Klik okey.
Klik dua kali Halaman Sarjana dalam paparan Rancangan untuk membuka halaman Master. Apabila Halaman Master dibuka bergerak Panduan Header dan Footer ke bahagian atas dan bawah halaman. Anda benar-benar tidak memerlukan Header dan Footer untuk contoh ini.
03 dari 05Cara Penggunaan Widget Video Latar Belakang Fullscreen di Adobe Muse CC
Menggunakan widget adalah mudah mati. Perkara pertama yang perlu anda lakukan ialah kembali ke Rancangan Pandangan dengan memilih Lihat> Mod Rancangan. Apabila Paparan Rancangan dibuka dua kali klik Halaman rumah untuk membukanya.
Buka panel Perpustakaan - jika tidak dibuka di sebelah kanan pilih Antara Muka Tetingkap> Perpustakaan - dan berputar ke bawah MR Latar Belakang Video Latar Belakang folder. Seret widget ke folder ke halaman.
Anda akan melihatnya Pilihan minta anda memasukkan nama-nama versi mp4 dan webm video. Masukkan nama tepat seperti yang dieja dalam folder tempat anda meletakkannya. Satu helah kecil untuk memastikan anda tidak membuat kesilapan adalah menyalin nama video mp4 dan tampalkannya ke dalam MP4 dan WEBM kawasan Menu pilihan.
Satu helah yang lain: Semua widget ini tidak adalah untuk menulis kod HTML 5 untuk anda. Anda boleh memberitahu ini kerana anda melihatnya <> dalam widget. Dalam kes ini, anda boleh meletakkan widget dari halaman web ke papan papan dan ia masih akan berfungsi. Dengan cara ini, ia tidak mengganggu apa-apa kandungan yang akan anda letakkan pada halaman tersebut.
04 dari 05Cara Tambah Video dan Menguji Halaman Dalam Adobe Muse CC
Walaupun anda telah menambah kod yang akan memainkan video, Muse masih tidak mempunyai petunjuk di mana video tersebut terletak. Untuk menetapkan ini, pilih Fail> Tambah Fail Untuk Muat Naik. Apabila Muat naik kotak dialog buka navigasi ke folder yang mengandungi video anda, pilihnya dan klik Buka. Untuk memastikan mereka telah dimuat naik, buka Panel aset dan anda mesti melihat dua video anda. Cuma tinggalkan mereka di panel. Mereka tidak perlu diletakkan di halaman.
Untuk menguji projek pilih Fail> Halaman Preview Dalam Penyemak Imbas atau, kerana ini adalah satu halaman, Fail> Tinjau Laman Dalam Penyemak Imbas. Penyemak imbas lalai anda akan dibuka dan video - dalam kes saya badai hujan tropika - akan mula bermain.
Pada ketika ini, anda boleh merawat fail Muse sebagai halaman web biasa dan menambah kandungan ke Laman Utama dan video akan dimainkan di bawahnya.
05 dari 05Cara Tambah Bingkai Poster Video Di Adobe Muse CC
Inilah web yang kita bicarakan di sini dan, bergantung pada kelajuan sambungan, ada peluang yang baik pengguna anda dapat membuka halaman dan menatap pada skrin kosong semasa memuatkan video. Ini bukan perkara yang baik. Berikut adalah cara untuk menangani sedikit nastiness ini.
Ia adalah "Amalan Terbaik" untuk menyertakan bingkai poster video, yang akan muncul semasa video dimuatkan. Ini biasanya merupakan pukulan skrin bersaiz penuh dari bingkai dari video.
Untuk menambah bingkai poster klik sekali lagi Isi Pelayar di bahagian atas halaman. Klik Pautan imej dan navigasi ke imej yang hendak digunakan. Di dalam Pemasangan kawasan, pilih Skala untuk Isi dan klik Titik pusat di dalam Jawatan kawasan. Ini akan memastikan imej akan sentiasa skala dari pusat imej apabila saiz paparan penyemak imbas berubah. Anda juga akan melihat imej mengisi halaman.
Satu lagi helah kecil adalah sekurang-kurangnya mempunyai warna pepejal-putih yang tidak lengkap sekiranya bingkai poster mengambil sedikit masa untuk muncul. Untuk melakukan ini klik cip Warna untuk membuka Muse Color Picker. Pilih alat eyedropper dan klik pada warna utama dalam imej. Apabila selesai, klik pada halaman untuk menutup kotak dialog Penyemak Imbas.
Pada ketika ini, anda boleh menyimpan projek atau menyiarkannya.
Bahagian akhir siri ini menunjukkan kepada anda cara menulis kod HTML5 yang memunculkan video ke latar belakang halaman web.
