https://github.com/autodesk-forge/viewer-javascript-offline.sample

Offline viewing: Use the viewer to run local files
https://github.com/autodesk-forge/viewer-javascript-offline.sample

javascript viewer

Last synced: about 5 hours ago
JSON representation

Offline viewing: Use the viewer to run local files

• Host: GitHub
• URL: https://github.com/autodesk-forge/viewer-javascript-offline.sample
• Owner: Autodesk-Forge
• License: mit
• Created: 2016-03-07T09:00:40.000Z (over 8 years ago)
• Default Branch: gh-pages
• Last Pushed: 2019-09-05T20:14:08.000Z (about 5 years ago)
• Last Synced: 2024-04-09T21:50:14.229Z (7 months ago)
• Topics: javascript, viewer
• Language: HTML
• Homepage: http://autodesk-forge.github.io/viewer-javascript-offline.sample/
• Size: 2.81 MB
• Stars: 104
• Watchers: 30
• Forks: 31
• Open Issues: 7
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
## Offline viewing sample for Autodesk Viewer

[![Viewer](https://img.shields.io/badge/Viewer-v7-green.svg)](https://forge.autodesk.com/en/docs/viewer/v6/developers_guide/overview/)

## Description

This repository demonstrates a self-contained Forge Viewer application, with all the necessary dependencies and resources hosted on your own server, independent of any Forge API endpoints.

Use cases of hosting the entirety of a Viewer application like this sample on your own instance include:

- To be able to view the model even if the client has no or limited networking access to the Forge API endpoints

- Boost loading times if the client experiences slow networking with Forge API endpoints

- To make your application self-contained and isolated from disruptions (though rare) to the Forge API

## [Live Demo](http://autodesk-forge.github.io/viewer-javascript-offline.sample/)

![](https://user-images.githubusercontent.com/10786558/45990588-9833a300-c0b3-11e8-9087-8f077baeb459.png)

## Setup

To replace the model (in extracted format .svf) to be viewed, change the value of `document` in `index.html`.

````javascript

var options = {

    'document' : './shaver/0.svf',

    'env':'Local'

    };

````

Run with Python: to start this application with Python 2.x, run below in the directory of your local clone:

````bash

python -m SimpleHTTPServer 8000

````

Run with NodeJS: to start this application with NodeJS 5+, run below in the directory of your local clone:

````bash

npx http-server -p 8000

````

Alternatively feel free to spin this sample up with your favorite web server (IIS/Kestrel/Tomcat/Apache/Nginx etc.) as it's 100% static.

Navigate to [http://localhost:8000](http://localhost:8000) on Chrome/Firefox/IE 11+/Safari/Opera to see the result.

## Tips and Tricks

To view other models, replace value of `'document'` of `'options'` with the url below:

__Shaver__

````

http://developer-autodesk.github.io/translated-models/shaver/0.svf

````

![](http://autodesk-forge.github.io/viewer-javascript-offline.sample/shaver.png)

__House__

```

http://developer-autodesk.github.io/translated-models/dwfx-sample-house/f0224dd3-8767-45c1-ff99-5c9c881b9fee/0.svf

```

![thumbnail](https://user-images.githubusercontent.com/10786558/45990589-98cc3980-c0b3-11e8-908f-fa2caf0cadbb.png)

You can also download those translated models from this [GitHub repo](https://github.com/Developer-Autodesk/translated-models).

You can translate your own models at [extract.autodesk.io](http://extract.autodesk.io).

## Written By

Shiya Luo & Bryan Huang

## Thumbnail

![Thumbnail](/thumbnail.png)