Menu

شما هم یاد بگیرید (این قسمت پخش خودکار موزیک)

پنجشنبه, ۱۹ اسفند ۱۳۹۵، ۱۲:۰۸ ب.ظ
Afshin

طی این آموزش یاد خواهید گرفت که چگونه به پلیر موزیک داخل پستتون ویژگی پخش خودکار بدید و بتونید اندازشو تغییر بدید و یا حتی مخفیش کنید

این کار خیلی سادست کافیه مراحلی که توضیح دادم رو یکی یکی دنبال کنید با crazy friends همراه باشید 
 
1. اضافه کردن یک موزیک به پستتون که خیلیاتون بلدید ولی در حد یک توضیح کوتاه ارسال مطلب جدید رو بزنید و یا از فهرست مطالبتون یکی از مطالب قبلیتون رو ویرایش کنید در صفحه ای که ادیتور قرار داره روی دکمه افزودن تصویر از فضای اختصاصی کلیک کنید 
 
حالا یک آهنگ آپلود کنید و با کلیک بر روی اون در پستتون درجش کنید 
 
 
2. پیدا کردن کد موزیک
پس از درج شدن موزیک بر روی دکمه مشاهده کد ادیتور کلیک بفرمایید تا کدهایی که ساختار پستتون رو میسازن رو مشاهده کنید
 
حالا برای یافتن کد مربوط به موزیک پلیرتون دکمه ctrl رو نگه دارید و دکمه f رو بزنید در پنجره ی کوچکی که بالای مرورگرتون باز میشه این عبارت رو بنویسید audio> تا اون قسمت به رنگ متفاوتی دربیاد و راحت تر پیداش کنید
 
 
3. اعمال تغییرات
الان دیگه ما تگ audio رو پیدا کردیم و با این تیکه کد فقط کار داریم 
همینطور که میبینید یه سری ویژگی هایی درون این تگ مشاهده میشه
 
<audio id="play_audio_box" controls="controls" width="324" preload="none" autoplay="autoplay">
 
الف : پخش اتوماتیک : برای اینکه آهنگتون به طور اتوماتیک پخش بشه عبارت "autoplay="autoplay رو در آخرش بنویسید به این صورت :
 
<audio id="play_audio_box" controls="controls" width="324" preload="none" autoplay="autoplay" >
 
ب: بازپخش آهنگ : اگر دوس دارید پس از اتمام آهنگ دوباره خود به خود پخش بشه عبارت loop رو به آخر تگ اضافه کنید:
 
<audio id="play_audio_box" controls="controls" width="324" preload="none" autoplay="autoplay" loop >
 
ج: مخفی کردن موزیک پلیر : در این حالت موزیک پلیر باید حتما در حالت پخش خودکار هم باشه چون اگه نباشه و مخفیش هم بکنید اصلا معنی نداره ویژگی که باعث نمایش موزیک پلیر میشه controls هست که در کد از قبل وجود داره و شما با حذف عبارت  "controls="controls میتونید موزیک پلیرتون رو مخفی میکنید:
 
<audio id="play_audio_box" width="324" preload="none" autoplay="autoplay" loop>
 
د: تغییر اندازه موزیک پلیر : ویژگی width اندازه پلیر رو مشخص میکنه که در اینجا اندازه پیش فرض اون 234 پیکسل هست اگه دوس دارید اندازشو تمام صفحه کنید میتونید به جای 324 مقدار 100% رو قرار بدید و یا اندازه ی کوچکتر برای داشن یه موزیک پلیر کوچولو رو مثلا 100px قرار بدید
 
<audio id="play_audio_box" width="100%" preload="none" autoplay="autoplay" loop>
و یا
<audio id="play_audio_box" width="100px" preload="none" autoplay="autoplay" loop>
 
اگه این روش برای تغییر اندازه کار نکرد میتونید به قسمت css کدهای قالبتون برید و در انتهای اون این کد رو با مقدار اندازه دلخواه اضافه کنید
audio{
width:100px;
}
و یا به درصد اندازه بدید
audio{
width:100%;
}
 
موفق و سربلند باشید
 

نظرات (۱۱)

دستت درد نکنه:)
فدات (c30)
  • crazy friends avatar
  • مسافر هستم
  • متشکر
    قربانت بروم (c21) شما که خودت استادی (c91)
  • crazy friends avatar
  • 💖 miss fatemeh 💖
  • من تشکر نکردم؟
    اگه نکردم:
    تچکر(c43)
    خواهش میکنم ... از دکمه لایکم استفاده میکردی کافی بود
  • crazy friends avatar
  • 💖 miss fatemeh 💖
  • کرده بودم(c39)
    دست گلت درد نکنه
  • crazy friends avatar
  • مسافر هستم
  • من شاگردیتو میکنم
    نوکرتم 
    مفید بود
    آهنگشم خوبه
    ممنون نگار خانم عزیز

  • crazy friends avatar
  • ♪بانو هانیـ♪
  • دستتون درد نکنه افشین خان:))))
    عالی بود
    قابلتونو نداره
    من دوس ندارم صفحه وبم باز میشه آهنگ پخش و یا مخفیش کنم
    چون انگار به کسی که اومده وبت میگی زوریه باید گوش بدی :/
    آره ولی نمیدونی چند نفر از من پرسیدن چجوری میشه این کارو کرد
    به درد من که نخورد خخخخخ
    شایدم یه روز به دردت بخوره
    با گوشی crtl  و f  از کجا گیر بیاریم 😒
    نیاز نیست میتونی با چشم هم پیداش کنی
    سپاس
    خیلی مفید بود
    قربان شما ممنونم
    X
    ارسال نظر آزاد است، اما اگر قبلا در بیان ثبت نام کرده اید می توانید ابتدا وارد شوید.
    شما میتوانید از این تگهای html استفاده کنید:
    <b> یا <strong>، <em> یا <i>، <u>، <strike> یا <s>، <sup>، <sub>، <blockquote>، <code>، <pre>، <hr>، <br>، <p>، <a href="" title="">، <span style="">، <div align="">
    crazy friends

    if you have crazy friend you have everything ...

    if you have crazy friend you have everything ...

    هوا چطوره؟ my city
    music
    James horner
    My Immortal Evanescence
    music
    James horner
    James horner FOR THE LOVE
    music
    James horner
    Whithin-Temptation Forgiven
    آخرین نظرات
    • ۲۷ آبان ۹۶، ۲۰:۲۷ - ✣یگانـღـه✢ jb
      crazy comment avatar(c83)
    نویسندگان