Skip to content

Commit 04dbfbb

Browse files
munrocketmunrocket
committed
update tfjs
1 parent 72d49c2 commit 04dbfbb

File tree

4 files changed

+18
-19
lines changed

4 files changed

+18
-19
lines changed

‎README.md

Lines changed: 1 addition & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,6 @@
11
# parallax-effect [![bundlephobia](https://badgen.net/bundlephobia/minzip/parallax-effect)](https://bundlephobia.com/result?p=parallax-effect)
22

3-
Parallax effect in javascript using face tracking, can be a good improvement for 3d scenes. If the user prohibits using the camera,
4-
nothing loads. This library uses TFJS with WASM backend on CPU, so your GPU will be free.
3+
Parallax effect in javascript using face tracking, can be a good improvement for 3d scenes. This library uses TFJS with WASM backend on CPU, so your GPU will be free. Supports lazy loading.
54

65
### Live examples
76
* [deepview](https://munrocket.github.io/parallax-effect/examples/deepview.html)

‎dist/parallax-effect.js

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -56,17 +56,17 @@
5656
opt.smoothDist = 0.25;
5757
opt.defautDist = 0.12;
5858
opt.threshold = 0.85;
59-
opt.tfUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-core@2.0.1/dist/tf-core.min.js';
60-
opt.wasmUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-wasm@2.0.1/dist/tf-backend-wasm.min.js';
61-
opt.wasmPath = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-wasm@2.0.1/dist/tfjs-backend-wasm.wasm';
62-
opt.convUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-converter@2.0.1/dist/tf-converter.min.js';
63-
opt.modelUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow-models/blazeface@0.0.5/dist/blazeface.min.js';
59+
opt.tfUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-core@3.7.0/dist/tf-core.min.js';
60+
opt.wasmUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-wasm@3.7.0/dist/tf-backend-wasm.min.js';
61+
opt.wasmPath = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-wasm@3.7.0/dist/tfjs-backend-wasm.wasm';
62+
opt.convUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-converter@3.7.0/dist/tf-converter.min.js';
63+
opt.modelUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow-models/blazeface@0.0.7/dist/blazeface.min.js';
6464
Object.assign(opt, settings);
6565

6666
video = document.createElement('video');
6767
video.playsInline = true;
6868
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
69-
return navigator.mediaDevices.getUserMedia({ video: true }).then((stream) => {
69+
return navigator.mediaDevices.getUserMedia({ video: true, facingMode: 'user' }).then((stream) => {
7070
fetchInject([
7171
opt.modelUrl
7272
], fetchInject([

‎dist/parallax-effect.mjs

Lines changed: 6 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -50,17 +50,17 @@ function init(pushUpdate, settings = {}) {
5050
opt.smoothDist = 0.25;
5151
opt.defautDist = 0.12;
5252
opt.threshold = 0.85;
53-
opt.tfUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-core@2.0.1/dist/tf-core.min.js';
54-
opt.wasmUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-wasm@2.0.1/dist/tf-backend-wasm.min.js';
55-
opt.wasmPath = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-wasm@2.0.1/dist/tfjs-backend-wasm.wasm';
56-
opt.convUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-converter@2.0.1/dist/tf-converter.min.js';
57-
opt.modelUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow-models/blazeface@0.0.5/dist/blazeface.min.js';
53+
opt.tfUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-core@3.7.0/dist/tf-core.min.js';
54+
opt.wasmUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-wasm@3.7.0/dist/tf-backend-wasm.min.js';
55+
opt.wasmPath = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-wasm@3.7.0/dist/tfjs-backend-wasm.wasm';
56+
opt.convUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-converter@3.7.0/dist/tf-converter.min.js';
57+
opt.modelUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow-models/blazeface@0.0.7/dist/blazeface.min.js';
5858
Object.assign(opt, settings);
5959

6060
video = document.createElement('video');
6161
video.playsInline = true;
6262
if (navigator.mediaDevices && navigator.mediaDevices.getUserMedia) {
63-
return navigator.mediaDevices.getUserMedia({ video: true }).then((stream) => {
63+
return navigator.mediaDevices.getUserMedia({ video: true, facingMode: 'user' }).then((stream) => {
6464
fetchInject([
6565
opt.modelUrl
6666
], fetchInject([

‎src/parallax-effect.mjs

Lines changed: 5 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,11 @@ export function init(pushUpdate, settings = {}) {
99
opt.smoothDist = 0.25;
1010
opt.defautDist = 0.12;
1111
opt.threshold = 0.85;
12-
opt.tfUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-core@2.0.1/dist/tf-core.min.js';
13-
opt.wasmUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-wasm@2.0.1/dist/tf-backend-wasm.min.js';
14-
opt.wasmPath = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-wasm@2.0.1/dist/tfjs-backend-wasm.wasm';
15-
opt.convUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-converter@2.0.1/dist/tf-converter.min.js';
16-
opt.modelUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow-models/blazeface@0.0.5/dist/blazeface.min.js';
12+
opt.tfUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-core@3.7.0/dist/tf-core.min.js';
13+
opt.wasmUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-wasm@3.7.0/dist/tf-backend-wasm.min.js';
14+
opt.wasmPath = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-backend-wasm@3.7.0/dist/tfjs-backend-wasm.wasm';
15+
opt.convUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow/tfjs-converter@3.7.0/dist/tf-converter.min.js';
16+
opt.modelUrl = 'https://cdn.jsdelivr.net/npm/@tensorflow-models/blazeface@0.0.7/dist/blazeface.min.js';
1717
Object.assign(opt, settings);
1818

1919
video = document.createElement('video');

0 commit comments

Comments
 (0)