Როგორ დაამატოთ ხმოვანი HTML5 ვებ გვერდი

HTML5 საშუალებას იძლევა ადვილად დაამატოთ ხმა და მუსიკა თქვენს ვებ გვერდებზე ელემენტთან. სინამდვილეში, უმძიმესი საქმეა იმისთვის, რომ შექმნას მრავალი წყარო, რომელიც გჭირდებათ იმისათვის, რომ თქვენი ხმის ფაილები უფრო ფართო ბრაუზერებში თამაშობდეს.

სარგებლობის გამოყენების HTML5 არის ის, რომ თქვენ შეგიძლიათ embed ხმის გამოყენებით რამდენიმე tags. ბრაუზერები, მაშინ, ჟღერს ხმის მსგავსად, რომ ისინი არიან გამოსახულების გამოსახულება, როდესაც იყენებთ IMG ელემენტს.

როგორ დაამატოთ ხმოვანი HTML5 ვებ გვერდი

თქვენ უნდა HTML რედაქტორი , ხმის ფაილი (სასურველია 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. <წყარო src = "/ audio / sound.mp3">
   2. <წყარო src = "/ audio / sound.ogg">

1. ნებისმიერი HTML შიგნით AUDIO ელემენტის გამოყენება გამოყენებული იქნება როგორც ბრაუზერი ბრაუზერისთვის, რომელიც არ უზრუნველყოფს აუდიო ელემენტს. დაამატეთ HTML. მარტივი გზაა დაამატოთ HTML, რათა მათ ჩამოტვირთოთ ფაილი, მაგრამ თქვენ ასევე შეგიძლიათ HTML 4.01 embedding მეთოდები უნდა ითამაშოს ხმა. აქ მარტივი შემოდგომაა:

   თქვენი ბრაუზერი აუდიოჩანაწერის მხარდასაჭერად, ჩამოტვირთეთ ფაილი:

   1. MP3 ,
   2. ვორბი , WAV
2. ბოლო რაც თქვენ უნდა გავაკეთოთ არის დახურვა თქვენი აუდიო ელემენტი:
3. როდესაც თქვენ კეთდება, თქვენი HTML უნდა გამოიყურებოდეს ასე: <აუდიო კონტროლი>
   1. <წყარო src = "/ audio / sound.mp3">
   2. <წყარო src = "/ audio / sound.ogg">
   3. <წყარო src = "/ audio / sound.wav">

   4. თქვენი ბრაუზერი აუდიოჩანაწერის მხარდასაჭერად, ჩამოტვირთეთ ფაილი:

   5. MP3 ,
   6. ვორბი ,
   7. WAV

დამატებითი რჩევები

1. დარწმუნდით, რომ გამოიყენოთ HTML5 დოქტრიტი (), რომ თქვენი HTML შეამოწმოს
2. განიხილეთ ელემენტებისთვის ხელმისაწვდომი ატრიბუტები, თუ რა სხვა პარამეტრები შეგიძლიათ დაამატოთ თქვენს ელემენტს.
3. გაითვალისწინეთ, რომ ჩვენ შევქმენით HTML, რომ შევადაროთ კონტროლის მექანიზმი და გამორთეთ ავტოფლეი. თქვენ შეგიძლიათ, რა თქმა უნდა, შეცვალოთ ეს, მაგრამ გახსოვდეთ, რომ ბევრი ადამიანი პოვებს ხმას, რომელიც იწყება ავტომატურად / რომ მათ არ შეუძლიათ გააკონტროლონ უსიამოვნო იყოს საუკეთესო, და ხშირად დატოვებს გვერდს, როდესაც ეს მოხდება.