დაამატეთ ფონური მუსიკა თქვენს ვებსაიტს, რათა მომხმარებლებმა ისიამოვნონ დათვალიერებისას.
ვებ გვერდზე მუსიკის ჩაშენების სხვადასხვა მეთოდი პოპულარული გახდა მსოფლიო ქსელის პირველივე დღეებიდან. აღსანიშნავია, რომ "embed" ტეგი HTML-ში, Java-ზე დაფუძნებული აუდიო პლეერები და Flash-ზე დაფუძნებული ფლეერები ყველა შესაძლო ვარიანტია დასამატებლად. ფონური მუსიკა ვებ გვერდზე, მაგრამ არცერთი გამოსავალი არ იქნა მიღებული ან სრულად თავსებადი ყველა ბრაუზერთან და პლატფორმები. უფრო ახალი HTML5 სტანდარტი შეიცავს "აუდიო" ტეგს, რომელიც სპეციალურად არის განსაზღვრული ჩაშენებული აუდიო დაკვრისთვის.
Ნაბიჯი 1
დაამატეთ შემდეგი კოდი თქვენი HTML დოკუმენტის არსად, მუსიკალური ფაილის ჩასართავად და ავტომატურად დაუკრათ, როდესაც ვიზიტორი თქვენს ვებსაიტს ათვალიერებს.
დღის ვიდეო
შეცვალეთ "src" ატრიბუტი ისე, რომ ის შეიცავდეს იმ მუსიკალური ფაილის გზას და ფაილის სახელს, რომლის ჩაშენებაც გსურთ.
ნაბიჯი 2
დაამატეთ "მარყუჟის" ატრიბუტი, თუ გსურთ, რომ მუსიკალური ფაილი განმეორებით დაკვრას:
ნაბიჯი 3
გამოიყენეთ მრავალი "source" ტეგი "აუდიო" ტეგის "src" ატრიბუტის ნაცვლად, თუ გსურთ შესთავაზოთ მომხმარებლის ბრაუზერს მრავალი ფაილის ფორმატის არჩევანი:
ამ მაგალითში, მომხმარებლის ბრაუზერი გადაწყვეტს, დაუკრას MP3 ფაილი თუ OGG. ეს ტექნიკა შეიძლება სასარგებლო იყოს მობილური მოწყობილობებისთვის, რომლებსაც შეუძლიათ მხოლოდ გარკვეული აუდიო ფორმატების დაკვრა.
ნაბიჯი 4
ჩასვით „embed“ ტეგი „აუდიო“ ტეგში, რათა უზრუნველყოს ძველი ბრაუზერების მხარდაჭერა, რომლებსაც არ გააჩნიათ HTML5 მხარდაჭერა. გაითვალისწინეთ, რომ "embed" თეგის ეს გამოყენება მოძველებულია (რაც ნიშნავს, რომ ის ოფიციალურად აღარ არის საჭირო მხარდაჭერილი), ასე რომ, მხოლოდ ექსპერიმენტი გააკეთეთ ამ ტექნიკით, თუ ეჭვი გაქვთ, რომ თქვენი მომხმარებლები გამოიყენებენ მოძველებულ ვებს ბრაუზერები. აი მაგალითი:
რჩევა
განიხილეთ ატრიბუტის „controls“ დამატება „აუდიო“ ტეგზე, რათა მომხმარებელს საშუალება მისცეს შეაჩეროს მუსიკა და შეცვალოს ხმა. გარდა ამისა, არ გამოიყენოთ "autoplay" ატრიბუტი, თუ არ არსებობს კარგი მიზეზი ამ ბრაუზერის ქცევისთვის. ბევრ მომხმარებელს აწუხებს ჩაშენებული ფონური მუსიკა, რომელიც მოულოდნელად უკრავს მათი ნებართვის გარეშე და დაუყოვნებლივ დატოვებს თქვენს ვებსაიტს.