1 سال پیش
1792

پخش آهنگ در سایت و وبلاگ با جاوا اسکریپت

یکی از ویژگی هایی که بسیار مهم و کاربردی می باشد در جاوا اسکریپت و کمتر کسی از آن خبر دارد پخش آهنگ است. یعنی می توانید به سادگی پخش آهنگ در سایت خود را انجام دهید.

در ادامه ی مطلب به چگونگی پخش موزیک در سایت و یا ویلاگ با استفاده از یک تکه کد جاوا اسکریپت می پردازیم.

برای مثال من یه فایل mp3 دارم به اسم ahang و می خوام در سایتم پخش بشه کافیه کد زیر را در قسمت <head> کد های html قرار بدم:

۱ <script type="text/javascript">
2    var audio = new Audio("ahang.mp3");
3    audio.play();
4 </script>

به همین سادگی با تعریف یک متغیر و قرار دادن audio برای نوع آن و به عنوان ورودی آدرس فایل mp3 می توانیم آن فایل صوتی خود را در سایت پخش کنید.

کد های زیر مثالی دیگر از این نوع کد است اما این بار با استفاده از یک باتن در صفحه پخش موزیک را شروع می کنیم:

<!DOCTYPE html>
<html>
<head>
	<title>پخش موزیک - زرین هور</title>
	<script type="text/javascript">
		$('#PlayMusic').click( function () {
		var snd =  new Audio("TMBax-Homa.mp3");
		snd.play();
		});
	</script>
</head>
<body>
<input type="button" id="PlayMusic" value="برای پخش آهنگ روی من کلیک کنید - زرین هور" />
</body>
</html>

خروجی کد های بالا صفحه ای به شکل زیر است:

پخش موزیک در سایت با جاوا اسکریپت, پخش موزیک در سایت , پخش آهنگ در سایت , پخش آهنگ در سایت با جاوا اسکریپت
پخش موزیک در سایت با جاوا اسکریپت – زرین هور

به همین سادگی موفق به پخش آهنگ در سایت.

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

مطالب پر بازدید

آ
آموزش 25 ترفند نایاب ویندوز 10،آموزش 25 ترفند نایاب ویندوز 10!! ،آموزش 25 ترفند نایاب ویندوز 10!! (پارت دوم)،آموزش 25 ترفند نایاب ویندوز، ترفند ها، ترفند، ترفند ویندوز، ترفند های ویندوز،ویندوز

آموزش ۲۵ ترفند نایاب ویندوز ۱۰!! (پارت دوم)

ادامۀ پارت اول ترفند های ویندوز 13- با Focus Assist مدیریت دقیقی روی نحوه نمایش اعلان‌ها را اعمال کنید ویژگی Focus Assist پیش از این به ‌نام Quiet Hours شناخته می‌ شد. این ویژگی در به ‌روز رسانی آوریل 2018 باز...

آموزش 25 ترفند نایاب ویندوز 10،آموزش 25 ترفند نایاب ویندوز 10!! ،آموزش 25 ترفند نایاب ویندوز 10!! (پارت دوم)،آموزش 25 ترفند نایاب ویندوز، ترفند ها، ترفند، ترفند ویندوز، ترفند های ویندوز،ویندوز

آموزش ۲۵ ترفند نایاب ویندوز ۱۰!! (پارت اول)

جلوگیری از هک ایمیل و پسورد،جلوگیری از هک ایمیل و پسورد!،جلوگیری از هک ایمیل،جلوگیری از هک پسورد،هک ایمیل،هک پسورد

جلوگیری از هک ایمیل و پسورد!

نحوه کار بار نرم افزار RAR اندروید،اندروید،RAR،نرم افزار RAR،

نحوه کار بار نرم افزار RAR اندروید

10 کد برتر محیط cmd

۱۰ کد کاربردی محیط Cmd در سیستم عامل ویندوز