چطور فایلهای mp3 و فایلهای ویدیویی رو توی صفحه اجرا کنم؟

[idocsidocs]

چطور فایلهای mp3 و فایلهای ویدیویی رو توی صفحه اجرا کنم؟

[2undercover]

با استفاده از تگ های HTML5:


<video poster="images/preview.png" width="1280" height="720" controls="controls" preload="none">
<source src="media/video.mp4" type="video/mp4"></source>
<source src="media/video.webm" type="video/webm"></source>
<source src="media/video.ogg" type="video/ogg"></source>
</video>

<audio controls="controls" preload="none">
<source src="music.ogg" type="audio/ogg">
<source src="music.mp3" type="audio/mpeg">
</audio>

منبع: وب سایت نردبان (http://nardebaan.ir/6441-code-snippets-%D8%A8%D8%B1%D8%A7%DB%8C-%D8%B3%D8%A7%DB%8C%D8%AA-%D8%AC%D8%AF%DB%8C%D8%AF?utm_source=feedburner&utm_medium=feed&utm_campaign=Feed%3A+nardebaan+%28%D9%86%D8%B1%D8% AF%D8%A8%D8%A7%D9%86%29)

[idocsidocs]

با استفاده از تگ های HTML5:
تگهای HTML5 توی همه مرورگرها اجرا می شه؟

فرمتهای مختلف رو می شه با همین کدهایی که قرار دادید اجرا کرد؟

[2undercover]

تگهای HTML5 توی همه مرورگرها اجرا می شه؟

فرمتهای مختلف رو می شه با همین کدهایی که قرار دادید اجرا کرد؟

1. توی بیشتر مرورگر ها کار می کنه و فک کنم فقط IE های قدیمی پشتیبانی نکنند!

2. بله همون طور که می بینید توی هر تگ source یک خصوصیت به اسم type هست که باید MIME اون نوع فرمت آهنگ یا فیلم رو توش وارد کرد!

[idocsidocs]

2. بله همون طور که می بینید توی هر تگ source یک خصوصیت به اسم type هست که باید MIME اون نوع فرمت آهنگ یا فیلم رو توش وارد کرد! الان این پلیر توی صفحه نمایش داده می شه ولی وقتی روی دکمه استارت کلیک می کنم پلیر مخفی می شه و چیزی نمایش داده نمی شه. این مشکل بنظرتون بخاطر چی هست؟


<source src="media/video.mp4" type="video/mp4"></source>
<source src="media/video.webm" type="video/webm"></source>
<source src="media/video.ogg" type="video/ogg"></source>
الان من آدرس فایل رو از دیتابیس می خونم و توی src قرار می دم. یعنی همه src ها شبیه به هم هست. این کار مشکلی ایجاد نمی کنه؟

[soroush.r70]

شما چون از پلیر html5 می کنید باید هر سه فرمت اون فایل ها رو داخل تگ ها قرار بدید تا در تمام مرورگر ها پخش بشند چون هر مرورگری فرمت خاص خودشو داره و برای پشتیبانی از مرورگرهای قدیمی از html5 این فایل javascript رو به سایتتون اضافه کنید


http://modernizr.com/downloads/modernizr.js

برای پخش ویدیو در سایت بهترین پلیر هم http://videojs.com/ (http://videojs.com/) می باشد که هم html5 می باشد و هم در مرورگرهایی که از html5 پشتیبانی نمی کننند به صورت فلش نمایش می هد

[idocsidocs]

برای پخش ویدیو در سایت بهترین پلیر هم http://videojs.com/ (http://videojs.com/) می باشد که هم html5 می باشد و هم در مرورگرهایی که از html5 پشتیبانی نمی کننند به صورت فلش نمایش می هد
این پلیر می تونه هر نوع فایلی رو نمایش بده؟

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

[soroush.r70]

هر فایلی نه فقط فرمت های رایج برای پخش در مرورگر ها که فعلا mp4 - flv - webm - ogg هستن

[idocsidocs]

هر فایلی نه فقط فرمت های رایج برای پخش در مرورگر ها که فعلا mp4 - flv - webm - ogg هستن


یه کار گرفتم که فرمتهای مختلفی رو باید نمایش بده
wave - wav - mp3
avi - mov - qt - mpeg
برای نمایش این فرمتها باید چیکار کنم؟

[soroush.r70]

فرمت های تصویری رو که باید به اون فرمت هایی که گفتم تبدیل کنی

و برای صوتی از audio.js استفاده کنی تو گوگل سرچ کن می ری تو سایتش

[idocsidocs]

فرمت های تصویری رو که باید به اون فرمت هایی که گفتم تبدیل کنی
این سایت که دارم روش کار می کنم محتویاتش توسط کاربرها ایجاد می شه و نمی تونم مجورشون کرد که از چه فرمتی استفاده کنن. بغیر از تبدیل راهی نیست؟

بغیر از html5 چه راهی هست که فایلهای ویدیویی رو بدون مشکل نمایش بدم؟


و برای صوتی از audio.js استفاده کنی تو گوگل سرچ کن می ری تو سایتش
با این فایل همه فرمتهای صوتی توسط html5 شناسایی می شه؟

[soroush.r70]

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

در مورد صوت هم فقط فرمت های Ogg ، MP3 و Wav

[idocsidocs]

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

چطور می تونم بدون html5 فایلهای صوتی و ویدیویی رو بدون مشکل نمایش بدم؟

[soroush.r70]

برای ویدیو
(http://gokercebeci.com/dev/f4player?feature=player)
برای صوت (http://www.alsacreations.fr/dewplayer.html)

[idocsidocs]

چرا وقتی روی play کلیک می کنم فایلها رو دوانلود می کنه؟


این پلیرها همه فرمتها رو پشتیبانی می کنن؟

[soroush.r70]

دانلود منیجر داری اگه نه این تکه کدها رو به htaccess سایتت اضافه کن

AddType video/ogg .ogv
AddType video/mp4 .mp4
AddType video/webm .webm
AddType audio/mpeg .mp3
AddType application/x-shockwave-flash swf
AddType video/mpeg .mpeg .mpg .mpe


همه فرمت ها رو نه فقط فرمت هایی که گفتم فقط قالب دیگه html5 نیست به صورت فلشه

[idocsidocs]

دانلود منیجر داری اگه نه این تکه کدها رو به htaccess سایتت اضافه کن
دانلود منیجر دارم ولی چرا باید این کدها رو به htaccess اضافه کنم؟

[tamafi6]

http://barnamenevis.org/showthread.php?378403-%d8%b5%d9%88%d8%aa-%d9%88%d8%aa%d8%b5%d9%88%db%8c%d8%b1%d8%af%d8%b1ht ml5

[wdmh_70]

دوستان میشه یه نرم افزار که بتونه یه پلیر ویدیوی آماده فلش رو بسازه معرفی کنید.
ممنون،خودم سرچ کردم اما پیدا نکردم قبلا رو هاردم داشتم اما پاک شده،بازم ممنون میشم.

[idocsidocs]

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

[wdmh_70]

ببخشید دوستان،کسی همچین برنامه ای رو نداره!؟

[soroush.r70]

همچین برنامه ای رو نمی دونم ولی سایت هایی وجود دارن که شما ویدیو آپلود می کنید و اونوقت در قالب فلش برای سایت خودتون قرار می دید

[wdmh_70]

ممنون
خودم هم دقیقا یادم نیست اما فک کنم یه همچین برنامه ای بود،حتی برای پخش mp3player ها میشه یه نمونه از وب سایت ها رو معرفی کنید.