როგორ გამოვიყენოთ Javascript MP3 ფაილის დასაკრავად

...

გამოიყენეთ JavaScript ფუნქცია, რათა ვებსაიტის ვიზიტორებს მისცეთ საშუალება დაკვრას MP3.

თქვენს ვებ გვერდებზე MP3 აუდიო ფაილების ჩასართავად და დასაკრავად რამდენიმე გზაა შესაძლებელი. მოძველებული "embed" ტეგი HTML-ში, სხვადასხვა Flash ფლეერები და Java-ზე დაფუძნებული ფლეერები ყველა მაგალითია. HTML5 სტანდარტი, რომელიც აქცენტს აკეთებს სკრიპტირებაზე და არ არის დამოკიდებული მესამე მხარის პროგრამულ უზრუნველყოფაზე, გვთავაზობს ყველაზე თავსებად გზას MP3-ების ჩასართავად და დაკვრა ვებ გვერდებზე შემდგომში. ჩადეთ MP3 ფაილი HTML5 "აუდიო" ობიექტთან და შემდეგ გამოიყენეთ JavaScript ფუნქცია მისი დაკვრის დასაწყებად.

Ნაბიჯი 1

დაამატეთ შემდეგი კოდი თქვენი HTML დოკუმენტის სხეულში:

დღის ვიდეო

ეს კოდი ათავსებს და ატვირთავს MP3 ფაილს, მაგრამ არ უკრავს. "src" ტეგის მნიშვნელობა შეიცავს MP3 ფაილის გზას და ფაილის სახელს.

ნაბიჯი 2

დაამატეთ შემდეგი JavaScript კოდი თქვენი HTML დოკუმენტის "head" ტეგებს შორის:

ეს ფუნქცია გამოძახებისას წვდება "აუდიო" ელემენტს თავისი id-ით ("mp3") და მის დასაკრავად იყენებს მეთოდს play().

ნაბიჯი 3

დაამატეთ ღილაკი ვებ გვერდზე, რათა გამოიძახოთ "playMP3" ფუნქცია, როდესაც მომხმარებელი დააწკაპუნებს მასზე. დაამატეთ შემდეგი კოდი HTML დოკუმენტის სხეულში:

შეცვალეთ "მნიშვნელობის" ატრიბუტი, რათა ღილაკს სხვა სათაური მიეცეს.

ნაბიჯი 4

გამოიყენეთ შემდეგი ფუნქცია "playMP3"-ის ნაცვლად, რათა მომხმარებელმა შეაჩეროს ფაილი მისი დაწყების შემდეგ:

ფუნქცია playpauseMP3(){ if (document.getElementById("mp3").paused){ ​​document.getElementById("mp3").play(); }else{ document.getElementById("mp3").pause(); } }

შეცვალეთ თეგის "onClick" ატრიბუტი "input" ნაბიჯი 3, რათა შეესაბამებოდეს ამ ფუნქციის სახელს.

კატეგორიები

Ბოლო

როგორ მუშაობს Wi-Fi დესკტოპ კომპიუტერთან

როგორ მუშაობს Wi-Fi დესკტოპ კომპიუტერთან

Wi-Fi საშუალებას აძლევს თქვენს კომპიუტერს დაუკ...

როგორ წაშალოთ თქვენი TikTok ანგარიში

როგორ წაშალოთ თქვენი TikTok ანგარიში

სურათის კრედიტი: cottonbro / Pexels TikTok არის...

როგორ გავხსნათ დისკის უჯრა

როგორ გავხსნათ დისკის უჯრა

დისკის უჯრის გახსნის სხვადასხვა გზა არსებობს, ...