Multiple ViewPorts

Posts: 2
Joined: Mon May 15, 2017 3:46 pm

Multiple ViewPorts

Postby aditya0711 » Mon May 15, 2017 3:56 pm

Im exploring a use case related to multiple view ports, that is multiple videos playing on one page at a time.

Code: Select all

<!DOCTYPE html>
   <!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="">
<!-- jQuery library -->
<script src=""></script>
<!-- Latest compiled JavaScript -->
<script src=""></script>
<style type="text/css">
      height: 100%;
      height: 30%;
      margin-top: 15px;

<div class="container-fluid">
<script src="lib/three.js/three.r83.custom.min.js"></script>

    <!-- Include the Hammer.js library -->
    <script src="lib/hammer.js/hammer.js"></script>

    <!-- Include the ForgeJS library -->
    <script type="text/javascript" src="lib/forge/forge.min.js" ></script>

    <!-- Start ForgeJS -->

   <div class="row">
      <div id="container" class="col-sm-9">
      <div class="col-sm-3">
         <div id="container2" class="col-sm-12"/>
         <div id="container3" class="col-sm-12"/>
         <div id="container4" class="col-sm-12"/>
   <script type="text/javascript">
        // Create a viewer
        var viewer = new FORGE.Viewer("container", "config1.json");
        var viewer1 = new FORGE.Viewer("container2", "config2.json");
        var viewer2= new FORGE.Viewer("container3", "config3.json");
        var viewer3 = new FORGE.Viewer("container4", "config4.json");


The config Im using is a standard videocontrols config file I pulled from the samples. Please let me know of any tutorials or projects that are working on the same.


Who is online

Users browsing this forum: No registered users and 1 guest