PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

1.0.0

npm

3d-vid

3d video rotating package

3d-videorotatingthree-videovideo animation
Published18 May 2022
Direct dependencies0
Transitive dependenciesNot calculated

README

Current package documentation

3D-VID

Table of Contents

  1. Introduction
  2. Installation
  3. Usage

Introduction

  • This is a npm . package for 3D video animation

Installation

npm i 3d-vid

Usage

  • First of all you have to add video-media class to the video which you want to rotate it in x-y-z dirictions , and give anoght id to your video called myVideo and for makeing prespective for the z depth wrape this code with video-holder class name div tag with id showreel
<div class="video-holder" id="showreel">
<div class="video-media">
   <video  id="myVideo" >
     <source src="VideoPath.mp4">
  </video>
</div>
  • You can also add some text above the video to make it in z depth by adding video-title to your video-media scope 
<div class="video-media">
   <video  id="myVideo" >
     <source src="VideoPath.mp4">
  </video>
 <h1 class="video-title">OUR REEL</h1>
</div>
  • Make a new mouse cursor by adding video-button class name 
<div class="video-button" id="button">press</div>

Click to full screen video

  • Firing function called openFullscreen() the video will be on screen full size with this a tag 
  <a onclick="openFullscreen()"> 
   <div class="video-holder" id="showreel">
  .....
   </div>
  <a/>

Downloads & popularity

Awaiting observations

No metric observations yet

Download counts and popularity will appear here as the collector receives them.

Declared dependencies 0

Native requirements
0 direct targetsNot calculated transitive count
No declared dependencies in this collected response

Declarations describe requirements; they are not a resolved dependency graph.

Distribution files

1 collected
Distribution 1

Source distribution

Source file
Checksums from source
{
  "integrity": "sha512-S/4dctHtxD8EfWTXzk/edOIHtS1H4zdwCx/pUtkCs3o2ADaQAPXnkiq53uHGJ+3sBM9uvq8B+fKwgC02H0yRqQ==",
  "shasum": "f907198c290ccc93d7c5392ac7184588a27da0ae",
  "tarball": "https://registry.npmjs.org/3d-vid/-/3d-vid-1.0.0.tgz",
  "fileCount": 4,
  "unpackedSize": 11782,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEQCIDP3gzBt5nga3NtZpquj8NBDvaS6NpvJLZhy/Te2QAH7AiBwKOm5HjfUCC6AtzoMFRkmMRoauA6p5nszTpteqXWDxA=="
    }
  ],
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihSYGACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2Vmprrw/8DYtje7g48GMINTGuyP/m4k3s3m9OyevKfbRiEamQ0SXgDbbL\r\n81u//5qOa842qJmfPoUNO28LZi1NGdLg6eifp8B+xGEey2EcNRsFtfSfO2nY\r\nxwHTr+SB4XWJaG9xKUFdr9OeYlsUtzgBvXQMMLJglOGUtF/P6Xbdi4XlUKyW\r\n6tu2tLkLqzEbrYCtqyPqXCSieAnYOTPrJTOaCc9wuX+yDrmLyfKmEkD6Njhl\r\nSitF1EaRYcqNuF7ScHGx5fY7ugl+nABayabcted/MOLWPsXokw2c0DHBqqZD\r\n+IhukcWkXG8W2Bk4KNOtci6dHbs2Bba2iFj3dXrux69gLlwI9vwAocpApkgl\r\n1uLa+jztz0mXRJbbxWq+6wfnDyI4jKSXpX+zgr30XLLlXENc/kNIKkRkU/no\r\nBccWms2QCenI70ooFUCR1+v4yJFV0ixfUmGoqM1REyvWT7dPpOCPx4Lq+luw\r\nkG7kvGRyS0pciGlt/LV2gvOy3KmpZ9kj3nTsbFkhp2UWD5zmIMlPmCAWUhLt\r\n/fEQkKZtrCwdoes8IC4e1wb60tKf/hC5v00zyPS0OG+/bgHDcu8WCSWPjdV/\r\nwbgcm4NBPBcedTX3lgmHYvYhfLCDEwt2VrXIcfQIbXIiRWegXaZ0r5/VppuH\r\n+JJ6ffERpTLw38sgERufR4clKiOTVrW+MFE=\r\n=nzz4\r\n-----END PGP SIGNATURE-----\r\n"
}

Repository

PENDING
mohamedsaiedd/3d-vid

Shared repository data · GitHub

License detected in repository
Not collected

Repository

PENDING
mohamedsaiedd/3d-vid.github.io

Shared repository data · GitHub

License detected in repository
Not collected

Metadata history

Meaningful changes
Current collected state Current

Observed since 20 Oct, 19:37 UTC

No superseded metadata states collected. Unchanged observations do not create new revisions.

Record identity

package_version:5359da38eb86fa14f710bf6cda765b8d70ded171fa97a671b2e322cfe9892a47

Other collected versions

1.0.621 May1.0.520 May1.0.420 May1.0.319 May1.0.219 May1.0.119 MayView all collected versions →