PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

1.0.3

npm

3d-vid

3d video rotating package

3d-videorotatingthree-videovideo animation
Published19 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-usXNDqUR6ofNkf2gIHqe413efcTp4AnwKQIVqkVLGqP9apW9DwAx2gCPdNgRwMJenwekVFhj8b9KjMhbizx6bw==",
  "shasum": "0f5ddff5997f109ec2cb757b71385c0241ce71ad",
  "tarball": "https://registry.npmjs.org/3d-vid/-/3d-vid-1.0.3.tgz",
  "fileCount": 5,
  "unpackedSize": 13218,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEQCIHzAaVzWgE3y6WIzvlqrhGbzTB5jkHfAXbTwVYJmK9IVAiBwzFJ3YMNUngCFy/5M405cryhzTGXM/CprEqx3V7PH+w=="
    }
  ],
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihkL4ACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmqBYQ/9F6BcYFCdOtdLK1y4uWNqv6uiYMlk1G3HnURrAa071BecCYfG\r\n88A6A/7DFbHYIEqpqYGx992jmMWPlgjgHIF0XSoxyhLG4T5Csl/13oWJUZkL\r\nz8F95By3IyL0t/LL4jlZPV7qHjGqdwws+lYcPVAqclXIn5UKN97ZsLX0YmqH\r\nS6yfvAcWc3cjiXg2gOuL3d3/ekm7IpzO/bEDWSTqCfeIy79ckRQYDIxw3sWg\r\n0qTZ8SN9tqQutgpjNpzkEX6CkY1cE7xve3e4/HCLXxHanEBW8GMta4ocuRGT\r\nUdW6Ks6m4SFzwocKa1oU+/qcspNBTyJELAWcbAOy64pgmBTJG4xn49A7Wj5Y\r\nrB+O9hEnB5aPP8yCGoyIzgtAPqUcEeC/UWBH76tF8TVMufFhjiX3Bp26PBeG\r\nsKfq2arlYYHfJZ6YwI34Qvb0RNlLXCk7VbfGW90eMYCOg5mObP3vmX0v4KDm\r\n+2ESF3+RLGotkzjr3lPVahiKYfvcchCFPDc8T+QJXlUgfmLKdzApCS3uaVdV\r\n1PZGHDPxTrrxwWKQ3iVFoVwrarpUIMq65e6ZaGCVccFqH/Anq6yTVrhyraPp\r\nOQ+IKCiUIYrCB7JB7u1gvk87vCAwk13UuX4RA+50zcLgYU9GwHBA59Y5d21h\r\nb1iM/iZZ5qoSmBnn38qqdo+iR9qfcmoy9Nk=\r\n=chQe\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:4f21ffb577c0660ddcaa70312d43472665d17a5aacdcf9868fa27bca9f74f5db

Other collected versions

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