آموزش رایگان 30 کتابخانه و فریمورک با جاوااسکریپت
هیچوقت قدرت کتابخونه و فریمورک های جاوا اسکریپت رو دست کم نگیر
با تدریس محمد بیگی
1 ساعت و 11 دقیقه
8 جلسه
پشتیبانی دائمی
مدرس دوره: محمد بیگی
مشاهده رایگان دوره از طریق یوتیوب
فصل سوم آموزش رایگان 30 کتابخانه و فریمورک با جاوااسکریپت
دوره در یوتیوب آپلود شده، برای مشاهده ویدیوها vpn خودتون رو روشن کنید
چه چیزایی در این ویدیو یاد میگیریم؟
آموزش کتابخانه sweet alert 2
00:00:00 - آشنایی با کتابخانه video js ویدئو
00:06:06 - ساخت اولین ویدیو پلیر با video js ویدئو
00:12:44 - اضافه کردن کاور به ویدیو ویدئو
00:16:38 - آشنایی با پلاگین hotkeys در video js ویدئو
00:28:12 - فعالسازی و کار با پلاگین hotkeys در video js ویدئو
00:44:40 - آشنایی با پلاگین های watermark , Zoomrotate و playlist در video js ویدئو
00:52:52 - فعالسازی و کار با پلاگین watermark در video js ویدئو
01:04:26 - فعالسازی و کار با پلاگین Zoomrotate در video js ویدئو
آموزش کتابخانه video js
Video.js یک کتابخانه جاوا اسکریپتی منبع‌باز است که برای ایجاد و مدیریت ویدیوهای HTML5 استفاده می‌شود. این کتابخانه به توسعه‌دهندگان امکان می‌دهد تا ویدیوها را به سادگی و با قابلیت‌های پیشرفته به صفحات وب اضافه کنند. Video.js از فرمت‌های مختلف ویدیو پشتیبانی می‌کند و با مرورگرهای مختلف و دستگاه‌های موبایل سازگار است.
ویژگی‌ها و مزایای video js
- پشتیبانی از فرمت‌های مختلف ویدیو: Video.js از فرمت‌های مختلف ویدیو مانند MP4، WebM و Ogg پشتیبانی می‌کند.
- سازگاری با مرورگرهای مختلف: این کتابخانه با تمامی مرورگرهای مدرن مانند Chrome، Firefox، Safari و Edge سازگار است.
- طراحی واکنش‌گرا: Video.js به صورت کامل واکنش‌گرا طراحی شده و در تمامی دستگاه‌ها از جمله تلفن‌های همراه و تبلت‌ها به خوبی نمایش داده می‌شود.
- قابلیت سفارشی‌سازی بالا: توسعه‌دهندگان می‌توانند ظاهر و عملکرد پخش‌کننده ویدیو را به طور کامل سفارشی‌سازی کنند.
- پشتیبانی از پلاگین‌ها: Video.js از پلاگین‌های مختلفی پشتیبانی می‌کند که می‌توانند قابلیت‌های اضافی مانند زیرنویس، کنترل‌های پیشرفته و آمار بازدید را به پخش‌کننده اضافه کنند.
- نصب و استفاده آسان: نصب و استفاده از Video.js بسیار ساده است و تنها با چند خط کد می‌توان آن را به پروژه اضافه کرد.
کاربردهای video js
- پخش ویدیوهای آموزشی: سایت‌های آموزشی می‌توانند از Video.js برای پخش ویدیوهای آموزشی با کیفیت بالا استفاده کنند.
- پخش ویدیوهای تبلیغاتی: شرکت‌ها می‌توانند ویدیوهای تبلیغاتی خود را با استفاده از Video.js به نمایش بگذارند.
- پخش ویدیوهای ورزشی و زنده: پخش‌کننده Video.js برای پخش ویدیوهای زنده و ورزشی نیز مناسب است.
- پخش ویدیوهای آموزشی در دانشگاه‌ها و مدارس: موسسات آموزشی می‌توانند از Video.js برای پخش ویدیوهای آموزشی و کلاس‌های آنلاین استفاده کنند.
- پخش فیلم‌ها و سریال‌ها: سایت‌های استریمینگ می‌توانند از قابلیت‌های Video.js برای پخش فیلم‌ها و سریال‌ها بهره ببرند.
نحوه استفاده از video js
استفاده از Video.js بسیار ساده است. ابتدا باید کتابخانه را به پروژه خود اضافه کنید و سپس با استفاده از تگ‌های HTML و جاوا اسکریپت، پخش‌کننده ویدیو را در صفحه وب خود قرار دهید. در این بخش، یک مثال ساده از نحوه استفاده از Video.js را مشاهده می‌کنید:
<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Video.js Example</title>
<link href=”https://vjs.zencdn.net/7.11.4/video-js.css” rel=”stylesheet” />
</head>
<body>
<video
id=”my-video”
class=”video-js”
controls
preload=”auto”
width=”640″
height=”264″
poster=”MY_VIDEO_POSTER.jpg”
data-setup=”{}” >
<source src=”MY_VIDEO.mp4″ type=”video/mp4″ />
<source src=”MY_VIDEO.webm” type=”video/webm” />
<p class=”vjs-no-js”>
To view this video please enable JavaScript, and consider upgrading to a
web browser that
<a href=”https://videojs.com/html5-video-support/” target=”_blank”
>supports HTML5 video</a>
</p>
</video>
<script src=”https://vjs.zencdn.net/7.11.4/video.min.js”></script>
</body>
</html>
سفارشی‌سازی پخش‌کننده
Video.js امکانات زیادی برای سفارشی‌سازی پخش‌کننده ارائه می‌دهد. شما میتوانید با استفاده از CSS و جاوا اسکریپت، ظاهر و عملکرد پخش‌کننده را به دلخواه تغییر دهید. برای مثال، میتوانید رنگ دکمه‌ها، اندازه پخش‌کننده و کنترل‌های مختلف را تغییر دهید.
پشتیبانی از پلاگین‌ها
یکی از مزایای بزرگ Video.js پشتیبانی از پلاگین‌های مختلف است. این پلاگین‌ها می‌توانند قابلیت‌های اضافی مانند زیرنویس، پخش زنده، کنترل‌های پیشرفته و حتی آمار بازدید را به پخش‌کننده اضافه کنند. برخی از پلاگین‌های محبوب Video.js عبارتند از:
- videojs-contrib-hls: برای پخش ویدیوهای HLS.
- videojs-vr: برای پخش ویدیوهای واقعیت مجازی.
- videojs-youtube: برای پخش ویدیوهای یوتیوب.
نتیجه‌گیری
Video.js یک کتابخانه قدرتمند و کارآمد برای ایجاد و مدیریت ویدیوهای HTML5 در صفحات وب است. این کتابخانه با ارائه امکانات گسترده و قابلیت سفارشی‌سازی بالا، به توسعه‌دهندگان وب کمک می‌کند تا پخش‌کننده‌های ویدیویی با کیفیت و حرفه‌ای را به وب‌سایت‌های خود اضافه کنند. با استفاده از Video.js میتوانید تجربه کاربری بهتری برای بازدیدکنندگان وب‌سایت خود فراهم کنید و از امکانات پیشرفته‌ای که این کتابخانه ارائه می‌دهد بهره‌مند شوید.
از چه کسی یاد میگیری؟
محمد بیگی
مدیر آکادمی فرا لرن
- بنیان‌گذار آکادمی فرا لرن
- برنامه‌نویس فول استک جاوا اسکریپت و کارشناس سئو سایت
- برنامه‌نویس ارشد تحت وب
- چندین سال سابقه تدریس در حوزه برنامه نویسی وب
- برگزار کننده دوره های متخصص و صفر تا صد طراحی سایت
- مدرس دوره های طراحی سایت و سئو سایت دانشگاه لرستان
نیاز به مشاوره تخصصی دارید؟
درباره آکادمی فرا لرن
با فرا لرن، میتوانید در سریع‌ترین زمان ممکن یاد بگیرید. آیا می‌خواهید مهارت‌های جدید کسب کنید؟ آیا می‌خواهید دانش خود را گسترش دهید؟ همه اینها در یک مکان آسان و دسترسی آسان برای شما ممکن است. با فرا لرن، آموزش به شیوه‌ای سریع، جذاب و محتوا محور انجام می‌شود. دیگر نگران زمان‌بری و پیچیدگی نباشید. با فرا لرن، یادگیری به روشی آسان و سریع به دست خواهید آورد
شگفت زده شوید!
- آدرس:
- تماس:
- ایمیل: