ناپدید شدن audio player با استفاده از تگ HTML5 در پروژه با فریم ورک MVC (حل شد)
سلام و روز همگی بخیر،
من تا ویدئوهای بخش سه که پیش می رفتم، پروژه وبسایت اصلی خودم را قدم به قدم ساختم، مثلاً در homepage می خواستم یک فایل صوتی به صورت podcast پخش شود و این بخش را اضافه کردم:
<audio controls>
<source src="sample.mp3" type="audio/mpeg">
<source src="sample.ogg" type="audio/ogg">
Your browser does not support the audio element.
</audio>
خب این خیلی خوب کار می کرد تا ویدئوهای بخش 5 که شروع کردم به تغییر پروژه با MVC و همه بخش ها خوب هستند به غیر از این یکی! متاسفانه فایل صوتی مربوطه کار نمی کند، مشکلی که در موزیلا پیش می آید این است که audio player بعد از دو سه ثانیه ناپدید می شود و در کروم، هم چنان می شود player را دید ولی دکمه play غیر فعال است و فایلی پخش نمی کند (اگر با IDM که یک هو روی صفحه ظاهر می شود و پیشنهاد می دهد که فایل را دانلود کنم، شروع به دانلود فایل کنم، متوجه می شوم که فایل 110 کیلویی تبدیل شده است به یک چیز 1 کیلویی و خب طبیعی است که چیزی برای پخش نداشته باشند :-| )
نکته این که چون من گام به گام از فایل .htaccess و صفحه user شروع کردم به تغییرات و تبدیل به فریم ورک، نمی دانم کدام یکی از مراحل سبب شده که فایل صوتی دیگر کار نکند :-|
حدس خودم این بود که هنگامی که بخش HTML فایل home.php من به عنوان content، مثل زیر
<div id="content"><?=$content?></div>
به فایل اصلی که default.php باشد هدایت می شود، مشکلی پیش می آید...
ولی وقتی بخش مربوط به تگ های audio را در خود فایل default.php هم صدا می کنم، مشکل پابرجاست...
اگر پیشنهادی به نظرتان می رسد، ممنون می شوم راهنمایی کنید، چون این بخش پروژه برایم خیلی ضروری است و از آن جا که MVC را خوب فهمیده ام و تا حالا هم خوب پیاده شده است، نمی دانم مشکل این بخش از کدام مرحله ایجاد شده است.
پیشاپیش ممنونم :)
احتمالا مشکل از اونجایی هست که مرورگر نمیتونه به فایل صوتی دسترسی پیدا کنه. شما باید دسترسی مرورگر رو توی این قسمت از htaccess آزاد کنید. برای مثال من توی کد زیر mp3 رو آزاد کردم.
RewriteCond %{REQUEST_URI} !\.(jpg|jpeg|png|css|js|mp3)$
پاسخگویی و مشاهده پاسخ های این سوال تنها برای اعضای ویژه سایت امکان پذیر است .
چنانچه تمایل دارید به همه بخش ها دسترسی داشته باشید میتوانید از این بخش لایسنس این آموزش را خریداری نمایید .