डाउनलोड "JS-решения №26. Создаем свой плагин видеоплеера"
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252Fg0QKJCI55DM%252Fmaxresdefault.jpg&w=1139&q=75)
विषयसूची
हमारे कैटलॉग से मिलते-जुलते वीडियो
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252F6Uq6jV04rGM%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FABGg_lpLvY0%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FASqO7triIBw%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FOzLfPdtiizM%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FZvs6L-ZYlFQ%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252Fcg4rWzMUvtU%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252FeMNA3G8OWPo%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi_webp%252Fm9zGcTZUR5c%252Fmaxresdefault.webp&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FsMFhxZjCaI4%252Fmaxresdefault.jpg&w=1139&q=75)
%3Aformat(webp)%2Fi.ytimg.com%252Fvi%252FzwB3nrWU3gA%252Fmaxresdefault.jpg&w=1139&q=75)
वीडियो टैग
विवरण:
Привет! В этом видео покажу, как сделать свой плагин видеоплеера, который будет поверх стандартного видео. Содержание: 00:00 - Интро 02:40 - Создаем html-структуру 10:06 - Стилизуем элементы 30:26 - План работы над js-кодом, создаем класс 37:10 - Создаем глобальные переменные для класса 41:10 - Базовые методы для работы (создание, нахождение элементов и т.д.) 56:25 - Инициализация плагина 1:19:00 - Базовое управление видео (плей, пауза, мьют) 1:30:46 - Создаем события 1:45:30 - Работа с нажатиями и перетаскиваниями (таймлайн, громкость), а также фулскрин видео 2:17:10 - Связь со стандартными событиями видео 2:20:26 - Работа с клавиатурой 2:40:00 - Аутро https://github.com/maxdenaro/maxgraph-youtube-source/tree/master/JS-%D1%80%D0%B5%D1%88%D0%B5%D0%BD%D0%B8%D1%8F%20%E2%84%9624.%20%D0%9F%D0%B8%D1%88%D0%B5%D0%BC%20%D0%BF%D0%BB%D0%B0%D0%B3%D0%B8%D0%BD%20%D0%B4%D0%BB%D1%8F%20%D0%BF%D0%BB%D0%B5%D0%B5%D1%80%D0%B0 - код Доп. контент и поддержка канала: ❤️ https://boosty.to/maxgraph ❤️ https://www.donationalerts.com/r/maxdenaro Полезные ссылки: 🤌 Макеты для верстки: https://verstaem.online/projects/ 🤌 Задачки по верстке с решениями: https://verstaem.online/tasks/ 🤌 Курс по верстке html-писем: https://verstaem.online/courses/html-emails/ 🤌 Канал с полезностями в телеграм: https://t.me/maxgraph 🤌 Чат для верстальщиков: https://t.me/maxgraph_chat 🤙 ВК Видео: https://vk.com/video/@maxgraph 👋 Меня зовут Максим. Верстальщик, занимаюсь веб-разработкой 7 лет Подписывайся: https://www.youtube.com/@maxgraph?sub_confirmation=1
डाउनलोड विकल्प तैयार किया जा रहा है
विडियो डाउनलोड करने के बारे में सवाल
मैं "JS-решения №26. Создаем свой плагин видеоплеера" वीडियो कैसे डाउनलोड कर सकता हूँ?
वेबसाइट http://unidownloader.com/ बिना किसी प्रोग्राम या एक्सटेंशन को इंस्टॉल किए वीडियो या सिर्फ ऑडियो ट्रैक डाउनलोड करने का सबसे अच्छा तरीका है।
यदि आप सीधे YouTube, Instagram और OK.ru जैसी साइटों से वीडियो डाउनलोड करना चाहते हैं, तो UDL Helper एक्सटेंशन एक आसान बटन है जो इन साइटों में एकीकृत रूप से जुड़ा होता है।
UDL क्लाइंट प्रोग्राम (विंडोज के लिए) सबसे शक्तिशाली समाधान है जो 900 से अधिक वेबसाइटों, सोशल नेटवर्क और वीडियो होस्टिंग साइटों के साथ-साथ स्रोत में उपलब्ध किसी भी वीडियो गुणवत्ता का समर्थन करता है।
UDL Lite आपके मोबाइल डिवाइस से वेबसाइट तक पहुंचने का एक बहुत ही सुविधाजनक तरीका है। इसकी मदद से आप आसानी से सीधे अपने स्मार्टफोन पर वीडियो डाउनलोड कर सकते हैं।
"JS-решения №26. Создаем свой плагин видеоплеера" वीडियो के लिए कौन सा फॉर्मेट चुनना चाहिए?
सबसे अच्छी गुणवत्ता वाले फॉर्मेट FullHD (1080p), 2K (1440p), 4K (2160p) और 8K (4320p) हैं। आपकी स्क्रीन का रेजल्यूशन जितना ज्यादा होगा, वीडियो की गुणवत्ता उतनी ही बेहतर होनी चाहिए। हालांकि, चुनने से पहले कुछ अन्य कारकों पर भी विचार करना चाहिए: डाउनलोड स्पीड, खाली जगह और प्लेबैक के दौरान डिवाइस की परफॉर्मेंस।
"JS-решения №26. Создаем свой плагин видеоплеера" वीडियो लोड करते समय मेरा कंप्यूटर फ्रीज क्यों हो जाता है?
ब्राउज़र या कंप्यूटर को पूरी तरह से फ्रीज नहीं होना चाहिए! यदि ऐसा होता है, तो कृपया वीडियो के लिंक के साथ इसकी सूचना दें। कभी-कभी वीडियो को सीधे उपयुक्त फॉर्मेट में डाउनलोड नहीं किया जा सकता है, इसलिए हमने फाइल को वांछित फॉर्मेट में कनवर्ट करने की क्षमता को शामिल किया है। कुछ मामलों में, यह प्रक्रिया सक्रिय रूप से कंप्यूटर संसाधनों का उपयोग कर सकती है।
"JS-решения №26. Создаем свой плагин видеоплеера" वीडियो को अपने फोन में कैसे डाउनलोड करें?
आप वेबसाइट या PWA एप्लिकेशन UDL Lite का उपयोग करके अपने स्मार्टफोन पर वीडियो डाउनलोड कर सकते हैं। UDL Helper एक्सटेंशन का उपयोग करके QR कोड के माध्यम से डाउनलोड लिंक भेजना भी संभव है।
"JS-решения №26. Создаем свой плагин видеоплеера" से MP3 में ऑडियो ट्रैक (संगीत) कैसे डाउनलोड करें?
सबसे सुविधाजनक तरीका UDL Client प्रोग्राम का उपयोग करना है, जो वीडियो को MP3 फॉर्मेट में बदलने का समर्थन करता है। कुछ मामलों में, UDL Helper एक्सटेंशन के माध्यम से भी MP3 डाउनलोड किया जा सकता है।
"JS-решения №26. Создаем свой плагин видеоплеера" वीडियो से फ्रेम कैसे सेव करें?
यह सुविधा UDL Helper एक्सटेंशन में उपलब्ध है। सुनिश्चित करें कि सेटिंग्स में "वीडियो स्नैपशॉट बटन दिखाएं" चेक किया गया है। ऐसा करने पर, प्लेयर के निचले दाएं कोने में "सेटिंग्स" आइकॉन के बाईं ओर एक कैमरा आइकॉन दिखाई देना चाहिए। जब आप उस पर क्लिक करते हैं, तो वीडियो का वर्तमान फ्रेम आपके कंप्यूटर पर JPEG फॉर्मेट में सहेजा जाएगा।
इस सारे सामान की कीमत क्या है?
इसमें कुछ भी खर्च नहीं होता। हमारी सेवाएँ सभी उपयोगकर्ताओं के लिए बिल्कुल निःशुल्क हैं। यहां कोई PRO सदस्यता नहीं है, डाउनलोड किए गए वीडियो की संख्या या अधिकतम लंबाई पर कोई प्रतिबंध नहीं है।