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

web-flash-blog-site

فلش (Flash) به عنوان تحولی نوین در دنیای نمایش انیمیشن های تحت وب، در بسیاری از صفحات اینترنت (وبلاگ، سایت و...) استفاده می شود، اما وابستگی آن به پلاگین ها و کدهای جانبی، کار را مخصوصا برای وب نویسان کم تر حرفه ای، کمی پیچیده و مبهم می کند، البته خوشبختانه این موضوع با دانستن چند مطلب ساده و کمی تجربه قابل حل است؛ در این یادداشت می خواهیم روش های درج یک کلیپ فلش در سایت یا وبلاگ را آموزش دهیم تا راهنمایی باشیم برای کاربرانی که احیانا در این رابطه به مشکل برخورده اند.

قبل از هر چیز باید بگوییم که فرمت فلش، به خودی خود جزء کدهای پایه html نیست، (البته در نسخه html 5 که هنوز به طور رسمی منتشر نشده، این فرمت به طور استاندارد پشتیبانی می شود) و لذا برای نمایش آن نیاز به کدها و پلاگین های جانبی است، اگر کاربر در مرورگر خود پلاگین فلش پلیر (Flash Player) را نصب کرده باشد، بدون کدهایی که ما به کلیپ خود اضافه می کنیم نیز می تواند آن را مشاهده کند، اما برای اطمینان از نمایش فایل در همه ی سیستم ها الزاما باید از کدی شبیه به مثال زیر استفاده کنیم:
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>

توضیح:
- کد نمایش فلش، درخواستی را به سایت adobe (و در کدهای قدیمی تر macromedia) می فرستد و در مقابل پلاگین را دریافت می کند.
- برای ساختن کلیپ فلش می توانید از برنامه هایی نظیر Adobe Flash یا SWiSH Max استفاده کنید.
- پس از اینکه کلیپ خود را با فرمت swf خروجی گرفتید، باید آن را در یک سرور آپلود کنید تا به صورت آنلاین در دسترس باشد، اگر خودتان سروری در اختیار ندارید، می توانید از سرویس های رایگان (و ترجیحا داخلی) برای آپلود فایلتان استفاده کنید و لینک مستقیم آن را (آدرس باید به swf ختم شود نه به فرض htm یا html و...) در کد جایگزین کنید (آدرس کامل آن را به جای عبارات flashmovie.swf قرار دهید).
- دقت کنید که کد فلش را باید به صورت html در وبلاگتان درج کنید، نه اینکه مستقیم آن را در قسمت ارسال مطالب کپی نمائید، در قسمت ارسال مطالب، معمولا آیکنی تحت عنوان نمایش کد html یا نمایش به صورت کد و... وجود دارد که مطالب را به صورت کد ساده html نشان می دهد، کد فلش را باید در آن قسمت کپی کنید تا به درستی به نمایش دربیاید؛ همچنین امکان درج آن در قسمت ویرایش کد قالب نیز وجود دارد.
- با توجه به کلیپ شما، ممکن است اندازه طول و عرض فایل نیز نیاز به تنظیماتی داشته باشد، مقادیر در کد به صورت width و height مشخص هستند که باید آنها را با دقت و متناسب با کلیپ خود تغییر دهید.

حل مشکل اعتبار سنجی فلش در سرویس validator.w3.org:


همانطور که پیش از این گفتیم، کدهای فلش، استاندارد html نیستند، لذا برای کاربرانی که علاقمند هستند که کدهایشان با معیار اعتبار سنجی w3.org مطابقت داشته باشد، هنوز روش معتبری وجود ندارد، اما ما در این جا یک راه حل را ارائه می کنیم که به نظر مناسب است و آن استفاده از جاوا اسکریپت برای درج کلیپ های فلش است، برای این کار کد بالا را به صورت زیر می نویسیم:

<script type="text/javascript">
/* <![CDATA[ */
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 استفاده کرده ایم و برای معتبر بودن کد CDATA را به آن افزوده ایم.
- یادآور می شویم که این کد برای کاربرانی که جاوا اسکریپت در سیستم آنها غیر فعال باشد اجرا نمی شود (و پیغام خطا ظاهر خواهد شد).
- استفاده از کد به روش اخیر ممکن است در برخی از سیستم های وبلاگی محدودیت هایی داشته باشد.