آموزش پخش صوت با بردن موس روی پیوند یا تصویر
اگر موستان را روی بسم‌الله چرمی که گوشه سمت راست قالب پایگاه است ببرید، بسم‌الله را با صدای امام خامنهای خواهید شنید. در این نوشته تصمیم داریم تا نحوه این کار را ساده و سریع آموزش دهیم. اگر هم آموزش طراحی خود این بسم‌الله چرم را میخواهید اینجا را مشاهده کنید. توجه کنید که اگر خدمات دهنده شما شرکت است امکان جاوا اسکریپت فعال باشد.
ابتدا کد زیر را در بخش کدهای قالبتان بین تگ‌های <head> و <head/> قرار دهید:
<script>
//** Usage: Instantiate script by calling: var uniquevar=createsoundbite("soundfile1", "fallbackfile2", "fallebacksound3", etc)
//** Call: uniquevar.playclip() to play sound
var html5_audiotypes={ //اگر پسوند پرونده صوتی شما در لیست نیست به سبک موجود اضافه کنید
"mp4": "audio/mp4",
"ogg": "audio/ogg",
"wav": "audio/wav"
}
function createsoundbite(sound){
var html5audio=document.createElement('audio')
if (html5audio.canPlayType){ //بررسی پشتیباین مرورگر برای پخش
for (var i=0; i<arguments.length; i++){
var sourceel=document.createElement('source')
sourceel.setAttribute('src', arguments[i])
if (arguments[i].match(/\.(\w+)$/i))
sourceel.setAttribute('type', html5_audiotypes[RegExp.$1])
html5audio.appendChild(sourceel)
}
html5audio.load()
html5audio.playclip=function(){
html5audio.pause()
html5audio.currentTime=0
html5audio.play()
}
return html5audio
}
else{
return {playclip:function(){throw new Error("مرورگر شما قدیمی است و از پخش آنلاین صوت پشتیبانی نمی‌کند")}}
}
}
//پرونده صوتی که میخواهید پخش شود را اینجا درج کنید:
var mouseoversound=createsoundbite("sound1.ogg", "sound-backup.mp3")
var clicksound=createsoundbite("sound1.ogg", "sound-backup.mp3")
</script>
حالا اگر میخواهید با کلیک روی عکس یا لینک، صدا پخش شود فایل صوتیتان را در این خط جایگزین کنید:
var clicksound=createsoundbite("sound1.ogg", "sound-backup.mp3")
اگر هم میخواهید مثل این پایگاه با بردن موس روی آن صدا پخش شود اینجا را ویرایش کنید:
var mouseoversound=createsoundbite("sound1.ogg", "sound-backup.mp3")
حالا در پیوندی که میخواهید با کلیک کردن صدا پخش شود این کد را اضافه کنید:
onclick="clicksound.playclip()"
و برای پخش هنگام قرار گرفتن موس روی پیوند یا تصویر این کد را اضافه کنید:
onmouseover="mouseoversound.playclip()"
مثلا:
<a href="http://hadihoda.blog.ir" onclick="clicksound.playclip()">سلام</a>
اگر میخواهید برای لینک خاصی صوت بخصوصی پخش شود ذیل قسمت اول اضافه کنید:
var uniquevar=createsoundbite("sound1.ogg", "sound-backup.mp3")
و در نشانی نیز به این سبک کد را اضافه کنید:
<a href="#" onMouseover="uniquevar.playclip()">بسم‌الله الرحمن الرحیم</a>
این هم پرونده های صوتی:
«بسم‌الله با صدای امام خمینی» «بسم‌الله با صدای امام خامنهای»
منبع: جاوا اسکریپت کیت
اگر قبلا در بیان ثبت نام کرده اید لطفا ابتدا وارد شوید، در غیر این صورت می توانید ثبت نام کنید.