Compare commits
2 Commits
d5f94735c9
...
076eea98d2
| Author | SHA1 | Date | |
|---|---|---|---|
| 076eea98d2 | |||
| 9ab1fb502d |
14
bricks/glbviewer.js
Normal file
14
bricks/glbviewer.js
Normal file
@ -0,0 +1,14 @@
|
|||||||
|
bricks = window.bricks || {};
|
||||||
|
|
||||||
|
bricks.GlbViewer = class extends class bricks.VBox {
|
||||||
|
constructor(opts){
|
||||||
|
super(opts);
|
||||||
|
this.dom_element.innerHTML=`<model-viewer
|
||||||
|
src="${this.opts.url}"
|
||||||
|
auto-rotate
|
||||||
|
camera-controls
|
||||||
|
style="width: 100%; height: 100vh;">
|
||||||
|
</model-viewer>`
|
||||||
|
}
|
||||||
|
}
|
||||||
|
bricks.Factory.register('GlbViewer', bricks.GlbViewer);
|
||||||
@ -32,6 +32,9 @@
|
|||||||
<script src="{{entire_url('/bricks/3parties/recorder.wav.min.js')}}"></script>
|
<script src="{{entire_url('/bricks/3parties/recorder.wav.min.js')}}"></script>
|
||||||
<script src="{{entire_url('/bricks/3parties/hls.js')}}"></script>
|
<script src="{{entire_url('/bricks/3parties/hls.js')}}"></script>
|
||||||
<script src="{{entire_url('/bricks/3parties/dash.all.min.js')}}"></script>
|
<script src="{{entire_url('/bricks/3parties/dash.all.min.js')}}"></script>
|
||||||
|
<script type="module"
|
||||||
|
src="https://unpkg.com/@google/model-viewer/dist/model-viewer.min.js">
|
||||||
|
</script>
|
||||||
<script src="{{entire_url('/bricks/bricks.js')}}"></script>
|
<script src="{{entire_url('/bricks/bricks.js')}}"></script>
|
||||||
{% for myjs in jsfiles() %}
|
{% for myjs in jsfiles() %}
|
||||||
<script src="{{entire_url(myjs)}}"></script>
|
<script src="{{entire_url(myjs)}}"></script>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user