Skip to main content

Posts

Showing posts from February, 2022

Custom HTML5 Video Player with Vanilla JavaScript - KWG Video Player

Custom HTML5 Video Player with Vanilla JavaScript KWG Video Player is a free custom HTML5 video player. It is written in Vanilla JavaScript and no library is required for it to run. The video player can be used in different web projects freely. Multiple instances of the video player can be used in a single page. and the appearance of the player can be customized. Upon creating a KWG Video Player, an Object is created in which one of the members is html5 <video> element and all Media events, properties and methods are available for it. For the whole functionality of KWG Video Player , see documentation source . Integration 1. Load CDNs <link rel= "stylesheet" href= "https://cdn.jsdelivr.net/gh/webgadgets/KwgVideoPlayer@master/kwg-video-player.css" /> <script src= "https://cdn.jsdelivr.net/gh/webgadgets/KwgVideoPlayer@master/kwg-video-player.js" ></script> ...

Moovie.js - Media player made for movies - Integration ๐Ÿš€

To know more features about this player visit GitHub . BMSVieira / moovie.js Movie focused HTML5 Player Demo ▪️ Installation ▪️ Shortcuts ▪️ API ▪️ Integrations ▪️ Events Styling ▪️ Plugins ▪️ Custom Events ▪️ i18n ▪️ Settings ◼️ Features: ๐Ÿ”ง Fully customizable and Easy-to-use ๐Ÿ’Ž Built-in caption offset adjust on the fly ๐ŸŽฌ Built-in support for .vtt and .srt caption files ๐Ÿ•น Built-in Plugins , use the code that you really need! ๐ŸŽฏ Built-in CustomEvents , add multiple events that will run a specific currentTime ๐Ÿ–Š Add tracks/captions dynamically using our API ๐Ÿ—ƒ Add tracks/captions locally on the fly (no server or upload required) ๐ŸŒ  Adjust speed on the fly ๐Ÿ›  Standardized events / shortcuts / API ๐Ÿ–Œ Caption customization ๐Ÿ’ช No dependencies, built with VanillaJS ๐ŸŒŽ Tested in all mode...

21 GitHub Repositories to Become a JavaScript Master ๐Ÿ“š๐Ÿš€

Learning and mastering JavaScript can be hard if you are not aware of the resources that are available to you. You don't need to apply for expensive courses and boot camps. In fact, a great start is GitHub. These free repositories will include everything you need. The list cover topics from algorithms and engineering principles to style guides, code snippets, cheatsheets, books, projects, interview questions, testing, etc. 1. javascript-algorithms ⭐ Github stars: 123k+ trekhleb / javascript-algorithms ๐Ÿ“ Algorithms and data structures implemented in JavaScript with explanations and links to further readings JavaScript based examples of many popular algorithms and data structures. 2. 30-seconds-of-code ⭐ Github stars: 87k+ 30-seconds / 30-seconds-of-code Short JavaScript...

Instagram Image downloader Using JavaScript - API - Wholly API

Wholly API :- https://wholly-api.herokuapp.com/ See This is the API endpoint- https://wholly-api.herokuapp.com/websites/instagram.com/ Fetch Using JavaScript :- Ref. Google Users can fetch the websites content on there website even using Pure JavaScript . The different URLs will return you different results in JSON format. Just grab the JSON Using any Server Side or Client Side Language and Show on website. Some API Uses are Given Below :- Get Post's Images URL https://wholly-api.herokuapp.com/websites/instagram.com/get-post.php?id={{Your Post's id}} See Example Here :- https://wholly-api.herokuapp.com/websites/instagram.com/get.php?id=CXCI49ABauD It will return a JSON you something like this { "status" : 1 , "id" : "CXCI49ABauD" , "user" : "robertdowneyjr" , "userimage" : "https: \/\/ imageproxy.pimg.tw \/ resize?url=http...

I created a GitHub Clone Using JavaScript - WebScrapperJS ๐Ÿ˜ฎ

See Demo :- https://jscloneof.github.io/ Demo Home View :- https://jscloneof.github.io/ User Page View :- https://jscloneof.github.io/sh20raj Repo View :- https://jscloneof.github.io/sh20raj/SopCss The Process Tools to be Used :- WebScrapperJS - Get Content/HTML of any website without being blocked by CORS even using JavaScript by WhollyAPI Detailed Article SH20RAJ / WebScrapperJS WebScrapperJS - Get Content/HTML of any website without being blocked by CORS even using JavaScript by WhollyAPI WebScrapperJS WebScrapperJS - Get Content/HTML of any website without being blocked by CORS even using JavaScript by WhollyAPI Website :- https://sh20raj.github.io/WebScrapperJS/ GitHub | Repl.it | Dev.to Article Grab the CDN or Download the JavaScript File "> < script src =" https://cdn....

Random Posts