آگهی
article

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

web-flash-blog-site

زمانی نه چندان دور تکنیک فلش (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
sectionدسته بندی: مهارتهای وب » وبلاگ نویسی
related مطالب بیشتر:
» نحوه قرار دادن فاوآیکن (Favicon) در نوار آدرس سایت و وبلاگ
» پاسخ به سوالات و حل مشکلات وبلاگ نویسان
» نحوه درج تصویر در وبلاگ و سایت
» چگونه از تمام امکانات وبلاگ خود استفاده کنیم؟
» فوت و فن وبلاگ نویسی حرفه ای چیست؟!
commentنظرات (۱۳ یادداشت برای این مطلب ارسال شده است)
more یادداشت های جدید بر اساس تاریخ ارسال در انتهای یادداشت های موجود نمایش داده می شوند.
زمان: ۲۰:۰۴:۳۰ - تاریخ: ۱۳۹۲/۰۵/۳۰
من به هر سایت یا وبلاگی که سر می زنم حتما در قسمت نظرات بخشی رو به عنوان تشکر به خاطر زحمات مدیر آن وبلاگ یا وبسایت در نظر می گیرم.
ممنون به خاطر مطالب مفیدتون
به من که خیلی کمک کردید
پاسخ: 
خواهش می کنیم، نظر لطف شما است.
نویسنده: said
زمان: ۲۲:۱۷:۴۴ - تاریخ: ۱۳۹۲/۰۶/۰۸
thank you = webgoo.ir
نویسنده: خلیل
زمان: ۰۱:۴۲:۱۶ - تاریخ: ۱۳۹۲/۰۸/۰۱
بازم ممنون
نویسنده: بهرام
زمان: ۱۵:۴۹:۲۷ - تاریخ: ۱۳۹۲/۰۸/۱۲
سلام ، می خواستم بدونم چه جوری میشه در یک مطلب از گالری تصاویر یا همان اسلاید شو استفاده کرد. در خارج یا بالای صفحه رو می دونم اما برای درج یک مطلب در پست جدید و قراردادن اسلاید برای آن چطوری باید عمل کرد؟ ممنون
پاسخ: 
تا آنجا که اطلاع داریم، به دلیل ایجاد محدودیت هایی از طرف سایت بلاگفا، امکان درج اسکریپت در مطالب وجود ندارد.
نویسنده: مرتضی مختاری
زمان: ۱۶:۴۵:۲۹ - تاریخ: ۱۳۹۲/۰۸/۱۴
سلام ممنون از مطلب بسیار مفیدتون. میخواستم درخواست کنم در مورد امنیت فایل های فلش هم یک پست بنویسید. چرا فایل های فلش رویه مرورگرهای جدید اجرا نمیشه یا اینکه میگن توسط فایل فلش میشه کوکی کاربران رو دزدید آیا درسته یا خیر و راه مقابله با اون چیه؟ تشکر
پاسخ: 
راه حل اصلی برای مشکلات بالا، آپدیت کردن یا نصب آخرین نسخه از نرم افزار فلش است.
نویسنده: SeyedMuhammad
زمان: ۱۸:۴۷:۴۶ - تاریخ: ۱۳۹۲/۱۲/۲۴
ممنون مطالب سایتتون خیلی بدردم خورد.
نویسنده: جواد
زمان: ۲۳:۱۰:۴۱ - تاریخ: ۱۳۹۳/۰۳/۱۹
سلام با تشکر لطفا آموزش هاتون رو بصورت تصویری بزارید
پاسخ: 
به لحاظ فنی امکانپذیر نیست!
نویسنده: مریم آفرینش
زمان: ۱۸:۱۴:۱۳ - تاریخ: ۱۳۹۳/۰۸/۱۹
واییییییی ممنونم خیلی خوب بود اما ای کاش ابزار مثل adobe flash در دسترس من بود یا راحت تر میشد این کد رو درست کرد ایکاش...
نویسنده: فاطمه
زمان: ۱۲:۵۳:۱۶ - تاریخ: ۱۳۹۴/۰۱/۱۲
با سلام مطالب خوبی در اختیار بقیه میدهید. میخواستم سوالی بپرسم : اگر کد تصویری در نظرها نیامد چگونه نظر را به ثبت برسانیم لطفا جواب دهید.
پاسخ: 
در مورد بلاگفا ظاهرا این مشکل به دلیل مسدود بودن برخی سرورهای این سایت در ISP های داخلی است، از یک برنامه پراکسی استفاده کنید!
نویسنده: مهیار
زمان: ۱۴:۳۸:۳۷ - تاریخ: ۱۳۹۴/۰۲/۰۳
سلام با پراکسی هم رفتم ولی بلاگفا میزنه کد ممنوع کار دیگه ای نمیشه کرد؟
پاسخ: 
بحث ممنوع بودن درج کد با عدم نمایش تصویر امنیتی متفاوت است، در این مورد باید ببینید چه کدی را در نظرات درج کرده اید که بلاگفا آن را قبول نمی کند!
نویسنده: Amirreza
زمان: ۲۲:۳۴:۴۹ - تاریخ: ۱۳۹۵/۰۹/۲۱
با سلام. چطور بین یک متن یک تصویر بزاریم؟ ( بلاگفا)
پاسخ: 
لطفا عبارت "نحوه درج تصویر در وبلاگ" را در وب جستجو کنید!
نویسنده: احسان
زمان: ۱۷:۲۷:۲۶ - تاریخ: ۱۳۹۷/۱۱/۱۴
سلام من با نرم افزار ادوب انیمیت یک ویدئوی تعاملی درست کردم که فرمتش html5 است و می خوام اونو داخل سایتم بذارم ولی نمیدونم چطوری... شما میتونید کمکم کنید؟
پاسخ: 
با تگ video در HTML5 می توانید این کار را انجام دهید، مثال:
<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 جایگزین نمائید.
نویسنده: Yousefzadeh
زمان: ۱۹:۱۰:۴۳ - تاریخ: ۱۳۹۹/۰۲/۱۰
ضمن عرض تشكر از مطالب مفيدتون
در مورد قرار دادن فايل فلش در وبلاگ فرمودين اول بايد در يك سايت آپلود بشه ولي مثلاً من در پيكو فايل آپلود مي كنم اينجوري ميشه:
http://s8.picofile.com/file/8276727392/Wearing.swf.html
و پسوند آخرش بجاي swf كه گفتين بايد ختم بشه به html ختم ميشه و در نتيجه اين كد جواب نميده ...
ميشه لطفاً راهنمايي كنين كجا و در چه سايتي و به چه شكل بايد فايل فلش آپلود بشه كه پسوند آخرش swf باشه و بشه ازش در كدي كه معرفي كردين استفاده كرد.
خيلي برام مهمه لطفً پاسخ بدهيد.
ممنون
پاسخ: 
سرویس هایی که لینک مستقیم (انتهای آدرس به swf ختم شود) ارائه می کنند برای آپلود مناسب هستند، متاسفانه امکان معرفی سایت خاصی مقدور نیست، لطفا عبارت "آپلود فلش با لینک مستقیم" را در گوگل جستجو کنید و پس از بررسی اعتبار و تست امکانات با آپلود نمونه فایل، یک سرویس را انتخاب نمائید.
more لطفا پیش از ارسال یادداشت نکات زیر را مد نظر داشته باشید:
- مواردی که به کلی خارج از موضوع این مطلب هستند را در فرم منوی "تماس با ما" مطرح و پاسخ را از طریق ایمیل دریافت کنید.
- به سوالات کلی، مبهم، غیرضروری و مشکلاتی که تلاشی برای رفع آن نکرده باشید پاسخ کوتاه و مختصر داده خواهد شد!
- کدها و اسکریپت های طولانی را ترجیحا در یک صفحه وب آنلاین قرار دهید تا امکان تست و بررسی وجود داشته باشد.
- تمام یادداشت ها بررسی و برای هر کاربر زمان مشخصی جهت پاسخگویی در نظر گرفته می شود، لطفا از طرح سوالات متعدد در بازه زمانی کوتاه خودداری کنید.





3 × 6
 refresh
آخرین دیدگاه ها
more برای دسترسی سریع به یادداشت مربوطه می توانید از لینک مطلب در کادر زیر استفاده کنید.
form Oliver
در:
چطوری دستور background رو برای جدلمون عکسش رو تنظیم کنیم و بهش طول و عرض بدیم
۱۶:۰۷:۱۷ ۱۳۹۹/۰۴/۱۸

form محمد
در:
با عرض سلام ببخشید چطوری میتونم واسه اشتراک کاربر انقضا بزارم مثلا یک ماه داخل دیتابیس ردیف تایم رو درست کردم البته تاریخ رو تبدیل...
۱۹:۱۴:۵۹ ۱۳۹۹/۰۴/۱۵

form آیدا
در:
سلام من در حال طراحی با html هستم اما طبق فیلم آموزشی پیش میرم از یه جایی به بعد هم تغییرات اعمال نمیشه...
۲۲:۴۷:۴۴ ۱۳۹۹/۰۴/۱۴

form علی
در:
سلام اگه میشه یه تکه کدی بفرستید که کاربر نتونه عکس مورد نظر رو دانلود کنه و با نگه داشتن روی عکس فقط لینکو ببینه...
۰۹:۳۰:۴۹ ۱۳۹۹/۰۴/۱۴

form sina2000
در:
با سلام و خسته نباشید طبق کد زیر استفاده میگه متغیر Pdc برای PDO است لطفا نمونه کد برای لایبرری...
۱۵:۰۳:۵۱ ۱۳۹۹/۰۴/۱۳

form محمد امین
در:
سلام ممنون از مطلبتون ببخشید من یه سایتی با شی گرایی کامل زدم الان میخوام آدرسشو بهینه کنم آدرس الان من به این صورته:...
۱۸:۲۸:۲۴ ۱۳۹۹/۰۴/۱۱

form ترنم
در:
سلام وقتتون بخیر ببخشید من کدهای مربوط منو و زیر منو رو نوشتم ولی موقع اجرا منوی اصلی رو میاره ولی زیر منوها رو...
۱۱:۰۶:۲۹ ۱۳۹۹/۰۴/۱۱

form ا
در:
سلام چرا وقتی مطالب مربوط که تو وبلاگم هست رو جستجو میکنم نمیاره ؟؟؟
۲۰:۳۱:۰۸ ۱۳۹۹/۰۴/۰۷

form amir
در:
سلام من اگه بخوام با وارد کردن یه id داخل یک text کل اون ردیف پاک بشن باید چه کنم مثلا یک text دریافت میکنم...
۰۱:۴۸:۰۵ ۱۳۹۹/۰۴/۰۷

form محمدباقر حسیبیان
در:
من این مشکل برام پیش اومده که موقع ورود به پروژه م توی لوکال هاست wamp صفحه سفیده و هیچی رو نشون نمیده و کد...
۱۶:۴۲:۳۸ ۱۳۹۹/۰۴/۰۶

form ...
در:
سلام دو سایت نوشته ای مربوط به من رو چند سال قبل لینک دانلود قرار دادن من ازشون خواستم بردارنش ولی اینکارو نکردن سایت...
۱۷:۲۶:۴۲ ۱۳۹۹/۰۴/۰۵

form مجتبی
در:
سلام میشه یک کد جاوا رو به php تبدیل کرد تا لود سایت سریع تر بشه؟
۱۳:۰۴:۲۳ ۱۳۹۹/۰۴/۰۴

form متین
در:
سلام ؛ من تازه شروع به یادگیری کردم ؛ مطلب بسیار کاربردی بود ؛ ممنون از شما دوست عزیز.
۰۱:۵۰:۰۵ ۱۳۹۹/۰۴/۰۴

form mahdi
در:
سلام استاد عزیز و گرامی امیدوارم که حالتون خوب باشه ، اگه براتون ممکنه لطفا یه آموزش خوب در زمینه وردپرس بهم معرفی کنید ،...
۲۱:۴۸:۱۳ ۱۳۹۹/۰۴/۰۳

form امید
در:
در برنامه نویسی کاربر با چه دستوری میتواند به صفحه اصلی برگردد
۱۹:۰۶:۵۶ ۱۳۹۹/۰۴/۰۳
form ali
در:
با سلام من یک پروژه طراحی کردم میخوام که وقتی کاربر روی ادامه مطلب کلیک کرد در خود صفحه بقیه مطالب را ببینه...
۱۸:۴۷:۲۲ ۱۳۹۹/۰۴/۰۳
form علی
در:
سلام و تشکر از زحمات ارزشمند شما احتراما بنده امروز از یک شماره تلفن ثابت از طریق یک رایانه و یک موبایل به طور...
۱۸:۰۱:۱۰ ۱۳۹۹/۰۴/۰۳
form oscar
در:
درود. اگر بخوایم در نمایش تاریخ و زمان که به صورت لحظه ای خودش در صفحه رفرش میشه، فقط عبارت " Mon Jun 22 2020...
۱۵:۵۹:۳۲ ۱۳۹۹/۰۴/۰۲
form علی
در:
با سلام چطور میشه فقط یک صفحه مورد نظرمون رفرش بشه نه همه صفحات سایت
۰۰:۰۳:۴۱ ۱۳۹۹/۰۳/۳۱
form Farzad
در:
الان وقتی فایل رو میخواد دانلود بکنه از خودش فایل میسازه ، به این صورت یعنی بعد از پوشه file هر پوشه ای باشه...
۱۸:۵۶:۲۱ ۱۳۹۹/۰۳/۳۰
form Farzad
در:
سلام ، خسته نباشید من فایل هایی که در هاست میزارم به این شکل هست: یعنی مشخص نیست فایل ها تو چه پوشه...
۱۳:۳۳:۴۰ ۱۳۹۹/۰۳/۳۰
form شیما طیبی
در:
سلام خیلی مطلب مفیدی بود . همیشه به وبلاگ نویسی به چشم یه کار خسته کننده نگاه میکردم ولی خب یه مقدار نظرم تغییر کرد....
۲۳:۵۲:۳۲ ۱۳۹۹/۰۳/۲۹
form احسان
در:
سلام من یک کد اسکریپت دارم که به صورت عددی تبدیل شده است. میخواستم بپرسم چطوری میتونم اسکریپت به حالت اولیه نوشته شده برگردانم و...
۲۱:۰۲:۱۳ ۱۳۹۹/۰۳/۲۷
form علی
در:
ممنون از پاسختون اما روش بالا جهت دانلود فایل کاربرد داره . من میخواستم به صورت استریم ویدئو پخش بشه اما آدرس مستقیم ویدئو...
۰۰:۳۷:۴۶ ۱۳۹۹/۰۳/۲۷
form محمد
در:
سلام مجدد ببخشید طبق فرمایش شما من در دیتابیس جدولی ساخته بودم فقط مشکلم اینجاست چطوری میتونم توسط کوکی یا سیشن با تابع دیت انقضا...
۲۲:۳۸:۰۳ ۱۳۹۹/۰۳/۲۵
form محمد
در:
با عرض سلام ببخشید چطوری میشه واسه اشتراک خریدن زمان ۱ ماهه گذاشت که بعد از گذشت ۱ ماه پیام بده دوباره اشتراک تهیه کنید...
۱۳:۱۳:۵۵ ۱۳۹۹/۰۳/۲۵
form ehsan
در:
سلام و خسته نباشید. من قالب جدید تهیه کردم ولی ایکن هاش کار نمیکنن. اگه وبلاگم نگا کنین متوجه میشین. ایکن شبکه های اجتماعی...
۱۷:۱۹:۴۰ ۱۳۹۹/۰۳/۲۴
در انتظار بررسی: ۰