PkgFoundry
Catalog npm
Back to packageRELEASE DETAILS

1.0.2

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-ctUXpw6HheURMIZrOkPrf3cQ7p5s2LP03NOU+s59rF7ZQDvrVpsJtu/vqaum95SjeUys794p0Y1Mno6iIDooDw==",
  "shasum": "cfd30d02456b29ae08688d18ecf6da1be6fb5f6b",
  "tarball": "https://registry.npmjs.org/3d-vid/-/3d-vid-1.0.2.tgz",
  "fileCount": 5,
  "unpackedSize": 13228,
  "signatures": [
    {
      "keyid": "SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA",
      "sig": "MEUCIGXAPolRQx0Vu/GwvhbLswY8zud25nsTMb7abwYlHI62AiEA+Xk+r8MuAP5ua5htEMd+dFGbrDA500wniDfTLVCKrhE="
    }
  ],
  "npm-signature": "-----BEGIN PGP SIGNATURE-----\r\nVersion: OpenPGP.js v4.10.10\r\nComment: https://openpgpjs.org\r\n\r\nwsFzBAEBCAAGBQJihkHeACEJED1NWxICdlZqFiEECWMYAoorWMhJKdjhPU1b\r\nEgJ2VmopaA//dppnnXnYyMw9lEwGuVBe87aRIzVaKQJv1PD+OclwtuDQ4nlC\r\nhu5ilVnLJ5huirmBR7GHCBpXJv66r6aOx4c8rjBwgkgLYOI4XKagnYaAM9ZZ\r\n5kmuftbZDuIHFKF18GAAU2PAEtMnPMEi0RSf8DTVJQpO8OckCCBj13RHAo6t\r\nHzLG8qJ6g77aPjpuw9Np9sLHj/hgBoG5qVvB0igwysnodhxip0/4MZ0IHQvG\r\nPGyOli/S1Us5HNsLm56SvbsgYvwIrhTsJkuS9pfLHksrNq0Y1zkd+4+fJ73Y\r\nUu8XIYIQP5vGRK+LLSKbulB183HqpmOU7AOXlveOICJBQfqZkujY8I+n/1mC\r\n+MG6hoeDunUa0cWxM5chb6BJxFRbLuLL2I9zSKwiJg/YWAOxjU60MsIgKaSR\r\nFicoBpswTC63xYC8YxniIspLT9ArF1EtTBJ1+JO9umjbxyVW6TpW9LonTBhg\r\nlEixeXAc57bXiPOdK1mICkLoi2O9Si4cNlbHrF3E5nS8iWqpYdh98QhZrUvg\r\nvqUPTH8Sr6wxfw6HZvW5BvAZSggBTEiUUUISFxcAyxwYgspZyxMYcziNl+IN\r\nmNHRLvv6XsxX1sXxDXiUVe2zPOPW+rHNDiCuyRIcGPDN3ooz/jM4Q7/+Ns0S\r\nexlvupDGkOrxCfPPwhMfUVLukdvyq+EIzq4=\r\n=xAbr\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:fa2b2cb7d79980870446bb607222301dd092fec247ba20cf46a1dc305ed2cf9f

Other collected versions

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