ترفندهای پیشرفته jQuery (قسمت 54)

- visibility ٠ mode_comment

در این قسمت با ادامه ترفندهای پیشرفته jQuery در خدمت شما هستیم. jquery trickshot

موضوع پنجم : استفاده از پلاگینها

ترفند 93 : Javascript و Web Camera

یکی از مهیجترین خصوصیت های جدید مرورگرها WebRTC هست که یک پروتکل برای برگذاری کنفرانس real time بصورت کلی در مرورگر هست. این کار با استفاده از api های جدیدی که Javascript ارائه داده امکان پذیر هست که از جمله اونا میشه به getUserMedia اشاره کرد.

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

البته باید اینو در نظر بگیریم که در مرورگرهای قدیمی پشتیبانی نمیشه. به همین دلیل میشه از getUserMedia shim استفاده کرد. این ابزار علاوه بر اینکه مشکلات متفاوت بودن در مرورگرهای مختلف رو حل کرده، برای مرورگرهای قدیمی یک Flash Fallback میفرسته که با اینکار تقریبا همه مرورگرها از این ویژگی و وب کم بتونن استفاده کنن!!

در ابتدا باید این ابزار رو include کنید:

حالا یک div قرار میدیم که خروجی وب کم رو درونش نمایش بدیم:

حالا تنظیمات مورد نظر رو برای دریافت اطلاعات از وب کم قرار میدیم:

میبینید که audio رو غیرفعال کردیم و تصویر رو فعال کردیم. درون ویژگی el هم المنتی که میخایم محتویات درون اون نمایش داده بشه رو مشخص میکنیم. noFallback رو برابر true قرار دادیم و باعث میشه لازم نباشه مرورگرهای قدیمی رو پشتیبانی کنه. عرض و ارتفاع اون رو مشخص میکنیم.

حالا باید از این پلاگین استفاده کنیم:

میبینید که 3 تا ورودی وجود داره. ورودی اول تنظیمات مورد نظر رو مشخص میکنه و دو اسم تابع برای success و error قرار دادیم. success در زمان موفقیت و error در زمان ارور اجرا میشه.

در بالا تابع success رو قرار دادیم و تنطیمات مورد نظرشو وارد کردیم. برای تابع error هم بصورت زیر قرار میدیم:

حالا اگر خروجی رو ببینید درون div مورد نظر تصاویری که وب کم میگیره نمایش داده میشه.

امیدوارم از این مطلب خوشتون اومده باشه.

موفق و پیروز باشید

یا علی

Source

comment دیدگاه کاربران

نیاز به لاگین

برای ارسال دیدگاه و یا پرسیدن سوال خود در این قسمت، باید در سایت لاگین شوید.