نحوه قرار دادن کلیپ فلش در سایت و وبلاگ

زمانی نه چندان دور تکنیک فلش (Flash) به عنوان تحولی نوین در نمایش انیمیشن های تحت وب در بسیاری از صفحات اینترنت (سایت، وبلاگ و...) مورد استفاده قرار می گرفت، اما وابستگی آن به پلاگین ها و کدهای جانبی کار را مخصوصا برای وبمسترهای کم تر حرفه ای پیچیده و مبهم می کرد، از این گذشته هکرها و سازندگان برنامه های مخرب از نقاط ضعف فلش برای نفوذ به سیستم کاربران و انتشار بدافزارهای خود استفاده می کردند، این عوامل رفته رفته سبب شد تا فلش نقش کم رنگ تری در دنیای وب داشته باشد تا آنجا که ظاهرا شرکت Adobe (مالک فعلی فناوری فلش) از سال 2020 دیگر از این فناوری پشتیبانی نخواهد کرد، به هر صورت هنوز هم ممکن است به دلایل مختلف نیاز به پخش این فرمت در صفحات وب وجود داشته باشد، از این رو با آگاهی از پیشینه و آینده احتمالی این فناوری، این آموزش را به نحوه قرار دادن کلیپ فلش در سایت و وبلاگ اختصاص داده ایم.
کد پخش فایل فلش در HTML
فرمت فلش استاندارد HTML و جزئی از تگ های ذاتی آن نیست و برای نمایش این نوع فایل ها در صفحات وب نیاز به درج کدها و پلاگین های جانبی است، البته اگر در مرورگر خود پلاگین فلش پلیر (Flash Player) را نصب کرده باشیم بدون کدهایی که به کلیپ خود اضافه می کنیم نیز می توانیم آن را مشاهده کنیم اما برای اطمینان از نمایش بدون مشکل فایل در همه ی سیستم ها الزاما باید از کدی شبیه به نمونه زیر استفاده کنیم:
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" id="flashmovie" width="120" height="90">
<param name="flashmovie" value="flashmovie.swf">
<param name="bgcolor" value="#666666">
<param name="quality" value="high">
<param name="seamlesstabbing" value="false">
<param name="allowscriptaccess" value="samedomain">
<embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" name="flashmovie" width="120" height="90" src="flashmovie.swf" bgcolor="#666666" quality="high" seamlesstabbing="false" allowscriptaccess="samedomain">
</embed>
</object>
توضیح:- کد نمایش فلش، درخواستی را به سایت macromedia می فرستد (که توسط شرکت Adobe خریداری شده) و در مقابل پلاگین را دریافت می کند.
- برای ساختن کلیپ فلش می توانیم از برنامه هایی نظیر Adobe Flash یا SWiSH Max استفاده کنیم، فرمت خروجی ما باید به صورت swf باشد.
- پس از اینکه کلیپ خود را با فرمت swf خروجی گرفتیم، باید آن را در یک سرور آپلود کنیم تا به صورت آنلاین در دسترس باشد، اگر سروری در اختیار نداشته باشیم، می توانیم از سرویس های رایگان (و ترجیحا داخلی) برای آپلود فایلمان استفاده کنیم و لینک مستقیم آن را (آدرس باید به swf ختم شود نه به فرض htm یا html و...) در کد جایگزین کنیم (آدرس کامل آن را به جای عبارات flashmovie.swf در نمونه کد بالا قرار می دهیم).
- دقت کنیم که کد فلش را باید به صورت HTML در سایت یا وبلاگمان درج کنیم نه اینکه مستقیم آن را در قسمت ارسال مطالب کپی نمائیم، به عبارت دیگر در قسمت ارسال مطالب در پنل سایت یا وبلاگ معمولا آیکنی تحت عنوان نمایش به صورت کد HTML یا نمایش به صورت کد و... وجود دارد که این گزینه مطالب را به صورت کد ساده HTML نشان می دهد، کد فلش را باید در آن قسمت کپی کنیم تا به درستی نمایش داده شود، همچنین امکان درج آن در قسمت ویرایش کد قالب اصلی سایت یا وبلاگ نیز نیز وجود دارد، البته برای دستکاری و ویرایش سورس قالب اصلی سایت یا وبلاگ، قبل از هر چیز باید از کد فعلی پشتیبان تهیه نمود تا در صورت بروز اشکالات ناخواسته امکان بازگشت به شرایط قبل به راحتی وجود داشته باشد.
- با توجه به کلیپمان، ممکن است اندازه طول و عرض فایل نیز نیاز به تنظیماتی داشته باشد، مقادیر در کد به صورت width و height مشخص هستند که باید آنها را با دقت و متناسب با کلیپ خود تغییر دهیم.
حل مشکل اعتبار سنجی فلش در سرویس validator.w3.org
همانطور که پیش از این گفتیم کدهای فلش استاندارد HTML و جزئی از تگ های ذاتی آن نیستند، لذا برای کاربرانی که علاقمند هستند تا کدهایشان با معیار اعتبار سنجی سایت w3.org در آدرس
validator.w3.org
مطابقت داشته باشد هنوز روش معتبری وجود ندارد، در این جا یک راه حل جایگزین را ارائه می کنیم که به نظر مناسب است، این راه حل استفاده از جاوا اسکریپت برای درج کلیپ های فلش در صفحات وب است، برای این کار کد بالا را به صورت زیر می نویسیم:<script type="text/javascript">
document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" id="flashmovie" width="120" height="90">');
document.write('<param name="flashmovie" value="flashmovie.swf">');
document.write('<param name="bgcolor" value="#666666">');
document.write('<param name="quality" value="high">');
document.write('<param name="seamlesstabbing" value="false">');
document.write('<param name="allowscriptaccess" value="samedomain">');
document.write('<embed type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" name="flashmovie" width="120" height="90" src="flashmovie.swf" bgcolor="#666666" quality="high" seamlesstabbing="false" allowscriptaccess="samedomain">');
document.write('</embed>');
document.write('</object>');
</script>
<noscript>
مرورگر شما از جاوا اسکریپت پشتیبانی نمی کند یا این قابلیت غیر فعال شده است!
</noscript>
پیش نمایشتوضیح:
- برای خروجی گرفتن از کد جاوا اسکریپت از دستور document.write استفاده کرده ایم، این متد مقادیر را در صفحه مرورگر چاپ و اجرا می کند.
- این کد برای کاربرانی که جاوا اسکریپت در سیستم آنها غیر فعال باشد اجرا نمی شود و با در نظر گرفتن تگ noscript پیغام خطا ظاهر خواهد شد.
- با توجه به اینکه برخی سرویس های وبلاگی امکان درج کدهای جاوا اسکریپت بین مطالب را نمی دهند، استفاده از کد به روش اخیر ممکن است در برخی از سیستم های وبلاگی محدودیت هایی داشته باشد.
غیرفعال شدن پلاگین فلش در مرورگرها
به دلیل جلوگیری از بروز مشکلات امنیتی و قدیمی شدن فناوری فلش رفته رفته شاهد این خواهیم بود که در اغلب مرورگرها پلاگین فلش به صورت پیش فرض غیرفعال شود و برای اجرای کلیپ های این فرمت باید ابتدا اجازه فعالسازی و پخش توسط کاربر داده شود.
Flex فناوری جایگزین Flash
در خاتمه این آموزش بد نیست اشاره ای داشته باشیم به فناوری Flex که ظاهرا رفته رفته تبدیل به استانداردی فراگیر و جایگزین Flash می شود، Flex فریم ورکی قوی و متن باز است که قابلیت ساخت برنامه هایی با امکان اجرا در سطح وسیعی از پلتفرم ها (Browser, Desktop, iOS, Android و...) را فراهم می کند، خوشبختانه در صورت آشنایی قبلی با HTML، CSS و Ajax فراگیری این فناوری ساده تر خواهد بود، جهت آشنایی بیشتر می توانیم به سایت زیر رجوع کنیم:
https://www.tutorialspoint.com/flex/index.htm

نحوه درج تصویر در وبلاگ و سایت
پاسخ به سوالات و حل مشکلات وبلاگ نویسان
محافظت از مطالب وبلاگ در مقابل کپی غیر مجاز!
آنچه برای شروع طراحی قالب یک وبلاگ باید بدانیم
اشتباهات رایج در وبلاگ نویسی غیر حرفه ای!


در مورد قرار دادن فايل فلش در وبلاگ فرمودين اول بايد در يك سايت آپلود بشه ولي مثلاً من در پيكو فايل آپلود مي كنم اينجوري ميشه:
http://s8.picofile.com/file/8276727392/Wearing.swf.html
و پسوند آخرش بجاي swf كه گفتين بايد ختم بشه به html ختم ميشه و در نتيجه اين كد جواب نميده ...ميشه لطفاً راهنمايي كنين كجا و در چه سايتي و به چه شكل بايد فايل فلش آپلود بشه كه پسوند آخرش swf باشه و بشه ازش در كدي كه معرفي كردين استفاده كرد.
خيلي برام مهمه لطفً پاسخ بدهيد.
ممنون
<video width="300" height="220" controls="controls">
<source src="your-movie.mp4" type="video/mp4">
<source src="your-movie.ogg" type="video/ogg">
<source src="your-movie.webm" type="video/webm">
متاسفانه مرورگر شما از این قابلیت پشتیبانی نمی کند
</video>
همان طور که مشخص است باید فایل را به سه فرمت تبدیل، آپلود و سپس آدرس URL را در قسمت src جایگزین نمائید.ممنون به خاطر مطالب مفیدتون
به من که خیلی کمک کردید
- به سوالات کلی، زمانبر، مبهم و مشکلاتی که تلاشی برای رفع آنها نکرده باشید پاسخ مختصر داده شده یا به بخش برنامه نویسی اختصاصی ارجاع داده می شوند.
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین یا به صورت حساب موقت و آزمایشی قرار دهید تا امکان بررسی دقیق مشکل و خطایابی میسر باشد.
- تمام دیدگاه های ارسالی خوانده شده و برای هر کاربر مدت زمان لازم جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.