پخش فایل های صوتی در وردپرس با استفاده از HTML5


برخی از سایت ها و وبلاگ ها تمایل دارند تا در یک پست دلخواه فایل صوتی ای را پخش کنند یا اینکه علاقه دارند تا پست های مختلفی حاوی پادکست را منتشر کنند. با استفاده از کدهای HTML5 به راحتی می توانیم فایل های صوتی خود را بدون استفاده از جاوا اسکریپت یا فلش اجرا کنیم!

html5 audio wordpress main ih85asg پخش فایل های صوتی در وردپرس با استفاده از HTML5   IranHex.Com

در این آموزش قصد داریم تا با استفاده از یک شورت کد، فایل صوتی مورد نظر خودمان را در وردپرس پخش کنیم!

 

 

کافیست تا کدهای زیر را در فایل Functions.php قالب خود کپی کنید.

function html5_audio($atts, $content = null) {
extract(shortcode_atts(array(
"src" => '',
"autoplay" => '',
"preload"=> 'true',
"loop" => '',
"controls"=> ''
), $atts));
return '<audio src="'.$src.'" autoplay="'.$autoplay.'" preload="'.$preload.'" loop="'.$loop.'" controls="'.$controls.'" autobuffer />';
}
add_shortcode('audio5', 'html5_audio');

 

حالا برای اینکه فایل خود را در یک پست فراخوانی کنید باید از شورت کد تعریف شده در کدهای بالا استفاده کنید. کد زیر را در پستی که میخواهید فایل صوتی اجرا شود قرار دهید.

[audio5 src="File Address" loop="true" autoplay="autoplay" preload="auto" loop="loop" controls=""]

فقط به جای File Address ، آدرس فایل صوتی خود را قرار دهید. تنظیمات دیگر را هم به راحتی میتوانید تغییر دهید. مانند تکرار، اجرای خودکار و…

امیدوارم مورد استفاده قرار بگیرد. موفق باشید.


فایلی برای دانلود قرار داده نشده است .
پسورد و منبع : www.iranhex.com



کپی برداری از مطالب سایت بدون ذکر منبع غیر مجاز است .
اشتراک در 100 درجه اشتراک گذاری در FaceBook اشتراک گذاری در Twitter ارسال ایمیل به دوستان در Gmail اضافه کردن به Google Bookmarks اضافه کردن به Google Reader ارسال ایمیل به دوستان در یاهو دنبال کردن نظرات مطلب

محمد رضا محمودی

محمد رضا محمودی هستم ، متولد 1371 ، رشته ریاضی . علاقه زیادی به کارهای گرافیکی و برنامه نویسی (خصوصا تحت وب) دارم . عاشق خلاقیت و کارهای خاص ! همیشه دنبال یادگیری مسائل جدید در زمینه های مورد علاقه ام هستم ! امیدوارم سایت ایران هکس برای همه افرادی که در این زمینه ها استعداد و علاقه دارند مفید باشد . با تشکر

۲ دیدگاه برای این مطلب ارسال شده است.

۲۰ دی

میشه این کد رو به ادیتور اضافه کرد ؟

[audio5 src="File Address" loop="true" autoplay="autoplay" preload="auto" loop="loop" controls=""]

یعنی بصورت buttom دربیاد ، یا . . .

[پاسخ]

محمد رضا محمودی پاسخ در تاريخ دی ۲۰م, ۱۳۹۰ ۹:۱۲ ق.ظ:

متاسفانه نمیدونم….آموزش ترجمه شده تا همین حد بود.

[پاسخ]


ارسال دیدگاه

شعر پارسی