01 of 05
ເພີ່ມວີດີໂອເພື່ອ Adobe Muse
ລັກສະນະທີ່ຫນ້າສົນໃຈແທ້ໆຂອງ Adobe Muse ແມ່ນວ່າມັນຊ່ວຍໃຫ້ທ່ານສ້າງຫນ້າເວັບຕ່າງໆໂດຍໃຊ້ວຽກງານທີ່ຄ້າຍຄືກັນກັບການຈັດພິມອອກ. ທ່ານບໍ່ຕ້ອງການຄວາມເຂົ້າໃຈລະອຽດກ່ຽວກັບລະຫັດທີ່ສ້າງເວັບໄຊທ໌ຫຼືຫນ້າແຕ່ຄວາມຄຸ້ນເຄີຍກັບ HTML5, CSS ແລະ JavaScript ຈະບໍ່ເປັນອັນຕະລາຍ.
ເຖິງແມ່ນວ່າວິດີໂອເວັບແບບປົກກະຕິຖືກເພີ່ມໂດຍຜ່ານການນໍາໃຊ້ HTML5 Video API, Adobe Muse ເຮັດສໍາເລັດສິ່ງດຽວກັນໂດຍຜ່ານສິ່ງທີ່ມັນເອີ້ນວ່າ "widgets". Widgets ສ້າງ HTML5 ທີ່ຕ້ອງການສໍາລັບຫນ້າວຽກສະເພາະແຕ່ນໍາໃຊ້ການໂຕ້ຕອບແບບພາສາໃນ Muse ເພື່ອຂຽນລະຫັດເມື່ອຫນ້າເວັບໄດ້ຖືກເຜີຍແຜ່.
ໃນບົດຝຶກຫັດນີ້, ພວກເຮົາຈະນໍາໃຊ້ເຄື່ອງມືທີ່ທ່ານສາມາດດາວໂຫລດໄດ້ຟຣີ, ຈາກ Muse Resources. ໃນເວລາທີ່ດາວໂຫຼດ widget, ທັງຫມົດທີ່ທ່ານຕ້ອງການແມ່ນຈະເປີດໄຟລ໌ .zip ແລະດັບເບີ້ນໄຟລ໌ .mulib ໃນໂຟນເດີ Full Screen Screen. ນີ້ຈະຕິດຕັ້ງມັນເຂົ້າໃນສໍາເນົາຂອງທ່ານ Adobe Muse.
02 of 05
ວິທີການກະກຽມຫນ້າສໍາລັບວິດີໂອພື້ນຖານໃນ Adobe Muse CC
ດ້ວຍ widget ທີ່ຕິດຕັ້ງແລ້ວ, ທ່ານສາມາດສ້າງຫນ້າທີ່ຈະໃຊ້ວິດີໂອ.
ກ່ອນທີ່ທ່ານຈະເລີ່ມຕົ້ນ, ສ້າງໂຟນເດີສໍາລັບເວັບໄຊທ໌ Muse ຂອງທ່ານ. ພາຍໃນໂຟເດີນັ້ນສ້າງໂຟເດີອື່ນ - ຂ້ອຍໃຊ້ " ສື່ " - ແລະຍ້າຍຮຸ່ນຂອງທ່ານ mp4 ແລະ webm ຂອງວີດີໂອລົງໃນໂຟເດີນັ້ນ.
ເມື່ອທ່ານເປີດ Muse ເລືອກ File> New Site . ໃນເວລາທີ່ກ່ອງໂຕ້ຕອບການອອກແບບຈະເປີດເລືອກ Desktop ເປັນການຕັ້ງ ຄ່າເບື້ອງຕົ້ນ ແລະປ່ຽນຄ່າ ຫນ້າຄວາມກວ້າງ ແລະ ຫນ້າຂອງຫນ້າ ເຖິງ 1200 ແລະ 900 . ກົດ OK .
ໃຫ້ຄລິກໃສ່ຫນ້າແມ່ບົດໃນມຸມເບິ່ງແຜນການເພື່ອເປີດຫນ້າແມ່ບົດ. ໃນເວລາທີ່ຫນ້າແມ່ບົດເປີດການເຄື່ອນຍ້າຍຫົວຂໍ້ແລະ Footer ຄູ່ມືໄປທາງເທີງແລະດ້ານລຸ່ມຂອງຫນ້າ. ທ່ານກໍ່ບໍ່ຈໍາເປັນຕ້ອງມີ Header ແລະ Footer ສໍາລັບຕົວຢ່າງນີ້.
03 of 05
ວິທີການໃຊ້ Widget ວິດີໂອເຕັມຫນ້າຈໍໃນ Adobe Muse CC
ການນໍາໃຊ້ເຄື່ອງມືແມ່ນງ່າຍດາຍຕາຍ. ສິ່ງທໍາອິດທີ່ທ່ານຕ້ອງເຮັດແມ່ນເພື່ອກັບໄປເບິ່ງແຜນການໂດຍການເລືອກ View> Mode Plan . ໃນເວລາທີ່ແຜນການເປີດເປີດ double ກົດ ຫນ້າທໍາອິດ ເພື່ອເປີດມັນ.
ເປີດແຜງຫ້ອງສະມຸດ - ຖ້າບໍ່ເປີດຢູ່ເບື້ອງຂວາຂອງ Interface ເລືອກ Window> Library - ແລະເປີດມູມມອງໂຟນເດີຂອງໂຟນເດີ [MR] Fullscreen . ລາກ widget ໄປໂຟເດີໄປຍັງຫນ້າ.
ທ່ານຈະສັງເກດເຫັນ ຕົວເລືອກຕ່າງໆ ຂໍໃຫ້ທ່ານເຂົ້າຊື່ຂອງວີດີໂອ mp4 ແລະ webm ຂອງວິດີໂອ. ໃສ່ຊື່ດັ່ງທີ່ພວກເຂົາຂຽນໃນໂຟເດີທີ່ທ່ານວາງໄວ້. ວິທີຫນຶ່ງທີ່ນ້ອຍທີ່ສຸດເພື່ອຮັບປະກັນວ່າທ່ານບໍ່ຜິດພາດແມ່ນການຄັດລອກຊື່ຂອງວີດີໂອ MP4 ແລະວາງມັນເຂົ້າໄປໃນເຂດ MP4 ແລະ WEBM ຂອງ ເມນູຕົວເລືອກ .
trick ຫນຶ່ງອີກ: ເຄື່ອງມືທັງຫມົດນີ້ແມ່ນເພື່ອຂຽນ HTML 5 ສໍາລັບທ່ານ. ທ່ານສາມາດບອກໄດ້ເພາະວ່າທ່ານເຫັນ <> ໃນ widget. ໃນກໍລະນີນີ້, ທ່ານສາມາດຈັດວາງ widget ອອກຈາກຫນ້າເວັບທີ່ໃສ່ pasteboard ແລະມັນຍັງຈະເຮັດວຽກໄດ້. ວິທີນີ້ມັນບໍ່ແຊກແຊງເນື້ອຫາທີ່ທ່ານຈະວາງເທິງຫນ້າ.
04 of 05
ວິທີການເພີ່ມວິດີໂອແລະທົດສອບຫນ້າໃນ Adobe Muse CC
ເຖິງແມ່ນວ່າທ່ານໄດ້ເພີ່ມລະຫັດທີ່ຈະຫລິ້ນວິດີໂອ, Muse ຍັງບໍ່ມີຂໍ້ຄຶດທີ່ວິດີໂອທີ່ຢູ່. ເພື່ອແກ້ໄຂບັນຫານີ້ໃຫ້ເລືອກ File> Add Files For Upload . ເມື່ອ ກ່ອງໂຕ້ຕອບອັບໂຫລດ ເປີດໄປຫາໂຟເດີທີ່ມີວິດີໂອຂອງທ່ານ, ໃຫ້ເລືອກເອົາພວກມັນແລະຄລິກ ເປີດ . ເພື່ອໃຫ້ແນ່ໃຈວ່າພວກເຂົາຖືກອັບໂຫລດ, ເປີດເອກະສານ ຊັບສິນ ແລະທ່ານຄວນຈະເຫັນສອງວິດີໂອຂອງທ່ານ. ພຽງແຕ່ປ່ອຍໃຫ້ພວກເຂົາຢູ່ໃນກະດານ. ພວກເຂົາບໍ່ຈໍາເປັນຕ້ອງໃສ່ໃນຫນ້າ.
ເພື່ອທົດສອບໂຄງການເລືອກ File> Preview Page ໃນ Browser ຫຼື, ເພາະວ່ານີ້ແມ່ນຫນ້າດຽວ, File> Preview Site In Browser . ຕົວທ່ອງເວັບເລີ່ມຕົ້ນຂອງທ່ານຈະເປີດແລະວິດີໂອ - ໃນກໍລະນີຂອງຂ້ອຍເປັນຝົນເຂດຮ້ອນ - ຈະເລີ່ມຕົ້ນມັກຫຼີ້ນ.
ໃນຈຸດນີ້, ທ່ານສາມາດປິ່ນປົວໄຟລ໌ Muse ເປັນຫນ້າເວັບປົກກະຕິແລະເພີ່ມເນື້ອຫາໃນຫນ້າທໍາອິດແລະວິດີໂອຈະຫລິ້ນພາຍໃຕ້ມັນ.
05 of 05
ວິທີການເພີ່ມກອບ Poster Video ໃນ Adobe Muse CC
ນີ້ແມ່ນເວັບທີ່ພວກເຮົາກໍາລັງເວົ້າກ່ຽວກັບນີ້ແລະ, ອີງຕາມຄວາມໄວໃນການເຊື່ອມຕໍ່, ມີໂອກາດດີຜູ້ໃຊ້ຂອງທ່ານສາມາດເປີດຫນ້າແລະຈະເບິ່ງຢູ່ຫນ້າຈໍຫວ່າງໃນຂະນະທີ່ວິດີໂອໂຫລດ. ນີ້ບໍ່ແມ່ນສິ່ງທີ່ດີ. ນີ້ແມ່ນວິທີການຈັດການກັບຄວາມຫຍຸ້ງຍາກນີ້.
ມັນແມ່ນ "ການປະຕິບັດທີ່ດີທີ່ສຸດ" ທີ່ຈະປະກອບໂຄສະເຕີຂອງວີດີໂອທີ່ຈະປາກົດໃນຂະນະທີ່ການໂຫລດວີດີໂອ. ນີ້ແມ່ນປົກກະຕິແລ້ວການຄັດລອກຫນ້າຈໍເຕັມຂະຫນາດຂອງເຟຣມຈາກວິດີໂອ.
ເມື່ອຕ້ອງການເພີ່ມກອບໂປສເຕີເມື່ອຄລິກໃສ່ Browser Fill ຢູ່ດ້ານເທີງຂອງຫນ້າ. ໃຫ້ຄລິກໃສ່ ການເຊື່ອມຕໍ່ຮູບພາບ ແລະນໍາທິດໄປຫາຮູບພາບທີ່ຈະນໍາໃຊ້. ໃນພື້ນທີ່ທີ່ ເຫມາະສົມ , ເລືອກ Scale to Fill ແລະຄລິກ ຈຸດສູນກາງ ໃນ ຕໍາແຫນ່ງຕໍາແຫນ່ງ . ນີ້ຈະຊ່ວຍໃຫ້ຮູບພາບສະເຫມີໄປຈາກຂະຫນາດກາງຂອງຮູບພາບໃນເວລາທີ່ຂະຫນາດຂອງມຸມມອງຂອງຕົວທ່ອງເວັບປ່ຽນແປງ. ທ່ານຍັງຈະເຫັນຮູບພາບຕື່ມຂໍ້ມູນໃສ່ຫນ້າເວັບ.
ອີກເທື່ອຫນຶ່ງມັນແມ່ນນ້ອຍທີ່ສຸດທີ່ມີສີຂາວທີ່ບໍ່ແມ່ນສີຂາວພຽງພໍໃນກໍລະນີທີ່ຮູບໂປສເຕີໃນເວລານັ້ນຈະປາກົດຂຶ້ນ. ເພື່ອເຮັດສິ່ງນີ້ໃຫ້ຄລິກໃສ່ Color chip ເພື່ອເປີດ Muse Color Picker. ເລືອກເຄື່ອງມື eyedropper ແລະຄລິກໃສ່ສີທີ່ໂດດເດັ່ນໃນຮູບພາບ. ເມື່ອສໍາເລັດ, ໃຫ້ຄລິກໃສ່ຫນ້າເພື່ອປິດກ່ອງໂຕ້ຕອບ Browser Fill.
ໃນຈຸດນີ້, ທ່ານສາມາດບັນທຶກໂຄງການຫຼືເຜີຍແຜ່ມັນໄດ້.
ສ່ວນສຸດທ້າຍຂອງຊຸດນີ້ສະແດງໃຫ້ທ່ານຮູ້ວິທີຂຽນ HTML5 ທີ່ສະແດງວິດີໂອເປັນພື້ນຫລັງຂອງຫນ້າເວັບ.