ວິທີການເພີ່ມສຽງກັບຫນ້າເວັບ HTML5

HTML5 ເຮັດໃຫ້ມັນງ່າຍທີ່ຈະເພີ່ມສຽງແລະດົນຕີໃນຫນ້າເວັບຂອງທ່ານດ້ວຍອົງປະກອບ. ໃນຄວາມເປັນຈິງ, ສິ່ງທີ່ຍາກທີ່ສຸດທີ່ຈະເຮັດແມ່ນສ້າງແຫຼ່ງຫຼາຍທີ່ທ່ານຕ້ອງການເພື່ອໃຫ້ແນ່ໃຈວ່າໄຟລ໌ສຽງຂອງທ່ານມີຄວາມຫຼາກຫຼາຍຂອງຕົວທ່ອງເວັບ.

ຜົນປະໂຫຍດຂອງການນໍາໃຊ້ HTML5 ແມ່ນວ່າທ່ານສາມາດຝັງສຽງໄດ້ໂດຍໃຊ້ພຽງພໍຂອງແທັກ. ຕົວທ່ອງເວັບ, ຫຼັງຈາກນັ້ນ, ຫຼິ້ນສຽງຄືກັນກັບວ່າພວກເຂົາຈະສະແດງຮູບພາບເມື່ອທ່ານໃຊ້ອົງປະກອບ IMG .

ວິທີການເພີ່ມສຽງກັບຫນ້າເວັບ HTML5

ທ່ານຕ້ອງການ HTML Editor , ໄຟລ໌ສຽງ (ດີກວ່າໃນຮູບແບບ MP3), ແລະແປງໄຟລ໌ສຽງ.

1. ຫນ້າທໍາອິດ, ທ່ານຕ້ອງການໄຟລ໌ສຽງ. ມັນດີທີ່ສຸດທີ່ຈະບັນທຶກໄຟລ໌ເປັນ MP3 ( .mp3 ) ຍ້ອນວ່າມັນມີຄຸນນະພາບສຽງສູງແລະສະຫນັບສະຫນູນໂດຍຕົວທ່ອງເວັບທີ່ສຸດ (Android 2.3+, Chrome 6+, IE 9+, iOS 3+ ແລະ Safari 5+).
2. ແປງໄຟລ໌ຂອງທ່ານໃຫ້ເປັນຮູບແບບ Vorbis ( .ogg ) ເພື່ອເພີ່ມໃນ Firefox 3.6+ ແລະສະຫນັບສະຫນູນ Opera 10.5+. ທ່ານສາມາດໃຊ້ແປງເຊັ່ນດຽວກັບ Vorbis.com. ນອກນັ້ນທ່ານຍັງສາມາດປ່ຽນ MP3 ຂອງທ່ານໃຫ້ເປັນຮູບແບບ WAV ( .wav ) ເພື່ອໃຫ້ໄດ້ຮັບການສະຫນັບສະຫນູນ Firefox ແລະ Opera. ຂ້າພະເຈົ້າຂໍແນະນໍາໃຫ້ຈັດພິມເອກະສານຂອງທ່ານໃນທັງສາມປະເພດ, ພຽງແຕ່ສໍາລັບການຮັກສາຄວາມປອດໄພ, ແຕ່ສິ່ງທີ່ທ່ານຕ້ອງການແມ່ນ MP3 ແລະປະເພດອື່ນ.
3. ອັບໂຫລດໄຟລ໌ສຽງທັງຫມົດໃຫ້ກັບເຄື່ອງແມ່ຂ່າຍເວັບໄຊຕ໌ຂອງທ່ານແລະເຮັດໃຫ້ບັນທຶກຂອງໄດເລກະທໍລີທີ່ທ່ານເກັບໄວ້. ມັນເປັນຄວາມຄິດທີ່ດີທີ່ຈະຈັດໃຫ້ພວກມັນຢູ່ໃນໂຟເດີຍ່ອຍສໍາລັບໄຟລ໌ສຽງ, ເຊັ່ນວ່າຜູ້ອອກແບບສ່ວນໃຫຍ່ຈະຊ່ວຍປະຢັດຮູບພາບໃນໄດເລກະທໍລີ ຮູບພາບ .
4. ເພີ່ມອົງປະກອບ AUDIO ກັບໄຟລ໌ HTML ຂອງທ່ານບ່ອນທີ່ທ່ານຕ້ອງການການຄວບຄຸມໄຟລ໌ສຽງ. <ການຄວບຄຸມສຽງ>
5. ຈັດລາຍການອົງປະກອບ SOURCE ສໍາລັບໄຟລ໌ສຽງທີ່ທ່ານອັບໂຫລດພາຍໃນອົງປະກອບ AUDIO :

1. HTML ພາຍໃນອົງປະກອບ AUDIO ຈະຖືກນໍາໃຊ້ເປັນ fallback ສໍາລັບຕົວທ່ອງເວັບທີ່ບໍ່ສະຫນັບສະຫນູນອົງປະກອບ AUDIO . ດັ່ງນັ້ນເພີ່ມ HTML ບາງ. ວິທີທີ່ງ່າຍທີ່ສຸດຄືການເພີ່ມ HTML ເພື່ອໃຫ້ພວກເຂົາດາວໂຫລດໄຟລ໌, ແຕ່ວ່າທ່ານຍັງສາມາດໃຊ້ HTML 4.01 ວິທີການຝັງເພື່ອຫຼິ້ນສຽງ. ນີ້ແມ່ນການປ່ຽນແປງທີ່ງ່າຍດາຍ:

   ຕົວທ່ອງເວັບຂອງທ່ານບໍ່ຮອງຮັບການຫຼິ້ນສຽງ, ດາວໂຫລດໄຟລ໌:

   1. MP3 ,
   2. Vorbis , WAV
2. ສິ່ງສຸດທ້າຍທີ່ທ່ານຕ້ອງເຮັດແມ່ນປິດເອກະສານ AUDIO ຂອງທ່ານ:
3. ເມື່ອທ່ານກໍາລັງເຮັດແລ້ວ, HTML ຂອງທ່ານຄວນຈະຄືດັ່ງນີ້: <ການຄວບຄຸມສຽງ>
   4. ຕົວທ່ອງເວັບຂອງທ່ານບໍ່ຮອງຮັບການຫຼິ້ນສຽງ, ດາວໂຫລດໄຟລ໌:

   5. MP3 ,
   6. Vorbis ,
   7. WAV

ເຄັດລັບເພີ່ມເຕີມ

1. ໃຫ້ແນ່ໃຈວ່າໃຊ້ HTML5 doctype () ເພື່ອວ່າ HTML ຂອງທ່ານຈະຖືກຕ້ອງ
2. ທົບທວນຄືນຄຸນລັກສະນະຕ່າງໆທີ່ມີຢູ່ສໍາລັບອົງປະກອບເພື່ອເບິ່ງວ່າທ່ານສາມາດເພີ່ມຕົວເລືອກອື່ນໃດຕໍ່ອົງປະກອບຂອງທ່ານ.
3. ໃຫ້ສັງເກດວ່າພວກເຮົາກໍານົດ HTML ເພື່ອປະກອບມີການຄວບຄຸມຕາມມາດຕະຖານແລະປິດການຫຼິ້ນອັດຕະໂນມັດ. ທ່ານສາມາດ, ແນ່ນອນ, ປ່ຽນແປງນັ້ນ, ແຕ່ຈື່ວ່າປະຊາຊົນຈໍານວນຫຼາຍຊອກຫາສຽງທີ່ເລີ່ມຕົ້ນອັດຕະໂນມັດ / ທີ່ພວກເຂົາບໍ່ສາມາດຄວບຄຸມທີ່ຈະເປັນຫນ້າຮໍາຄານທີ່ດີທີ່ສຸດ, ແລະມັກຈະອອກຈາກຫນ້າເວລາທີ່ເກີດຂຶ້ນ.