- Home
- Javascript
- طراحی سایت
- پخش آهنگ در سایت و وبلاگ با جاوا اسکریپت
پخش آهنگ در سایت و وبلاگ با جاوا اسکریپت
یکی از ویژگی هایی که بسیار مهم و کاربردی می باشد در جاوا اسکریپت و کمتر کسی از آن خبر دارد پخش آهنگ است. یعنی می توانید به سادگی پخش آهنگ در سایت خود را انجام دهید.
در ادامه ی مطلب به چگونگی پخش موزیک در سایت و یا ویلاگ با استفاده از یک تکه کد جاوا اسکریپت می پردازیم.
برای مثال من یه فایل 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>خروجی کد های بالا صفحه ای به شکل زیر است:
به همین سادگی موفق به پخش آهنگ در سایت.
محمد فرجی
تلاش بیهوده نیست...دیدگاهتان را بنویسید
عنوان پیش فرض
محتوای مورد برای تغییر این متن روی دکمه ویرایش کلیک کنید.
- عنوان #1
محتوای مورد برای تغییر این متن روی دکمه ویرایش کلیک کنید.
- عنوان #2
چگونه مشکل دیر شارژ شدن گوشی را برطرف کنیم؟
یکی از مشکلاتی که برای انواع موبایل‌ها و تبلت‌ها وجود دارد دیر شارژ شدن گوشی و تبلت است. این مشکل فقط مخصوص گوشی‌ها و تبلت‌ها نیست و همه‌ی وسایلی که از پورت میکرو یو اس بی (Micro USB) برای شارژ استفاده می‌کنند...
چگونه بازی‌های PS4 را با iPhone خود انجام دهیم
