# Media and VRML player

**URL:** <https://forum.pinegrow.com/t/media-and-vrml-player/5070>\
**Category:** Beginners\
**Created:** [March 5, 2021, 7:05am UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070 "2021-03-05T07:05:11Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![Idott](https://avatars.discourse-cdn.com/v4/letter/i/ea666f/32.png) [@Idott](https://forum.pinegrow.com/u/Idott)\
**Post date:** [March 5, 2021, 7:05am UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/1 "2021-03-05T07:05:11Z")

</div>

I want to add a Vimeo link media player and some VRML viewer or similar. Do any components or blocks exist, I couldn’t find any external plugins. Should I create a div and add my own code ?

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [March 5, 2021, 10:15am UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/2 "2021-03-05T10:15:15Z")

</div>

Hey @Idott,  
Not sure what your end goal is, but there should be some code for embedding a Vimeo link from their page. It is pretty video specific, so no drag-and-drop element from the library. Just paste the embed code into the Library panel code box and drag it to the page.

VRML viewers are going to be pretty complex, so also, nothing out of the box.  
Good Luck!  
Bob

---

<div class="post-metadata">

**Author:** ![Idott](https://avatars.discourse-cdn.com/v4/letter/i/ea666f/32.png) [@Idott](https://forum.pinegrow.com/u/Idott)\
**Post date:** [March 5, 2021, 10:47am UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/3 "2021-03-05T10:47:02Z")

</div>

Hi Rob/Bob,

The aim is to showcase students design and craftwork, also to include some practical tutorials.

VRML has worked before using X3DOM resources, it was fairly straightforward, will try and post a link

To a demo.

I just wondered if anything had changed with regard to VRML which could save some time, seems not

So I best get thinking.

Regards Ian

 ![8716DC64457648FB85718FF3E59C4409.png](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/6/677f06bdf711468707faf594c72c7993f90d2513.png)

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [March 5, 2021, 11:56am UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/4 "2021-03-05T11:56:36Z")

</div>

Cool, I look forward to it!

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [March 5, 2021, 7:58pm UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/5 "2021-03-05T19:58:34Z")

</div>

Hi there, Well, I’m not sure when you were doing this last @Idott , but I’d like to see the demo too as , as far as I know, VRML all but sunk.

Died.

SO if its up and running GREAT\>  
I have been looking into the _3D thing_ a bit around here, but I didnt even go down the VRML road as  
it was sort of dying… immediately after i left Uni, around 2006/7

We also studied **XHTML 2.0** …  
_The Future of the web_

…yes… quite.  
Im glad it died!  
it was even more unnecessarily verbose than I!

this is from _back in the day_  
and doesnt sound too promising.

> <https://stackoverflow.com/questions/3668821/whatever-happened-to-vrml>

I spent a while trying to get it up and running a couple of years ago, via the x3DOM

[https://www.x3dom.org/](https://www.x3dom.org/)

but wasnt having much success.  
but I REALLY fancy playing with it 🙂

so sign me up for some of the fun if you get it set up

its not what you were after, but I ended up getting my head blown away by this, back in the day.

Absoloutely fantastic!  
from 2013

> **[Creating 3D worlds with HTML and CSS](https://keithclark.co.uk/articles/creating-3d-worlds-with-html-and-css/)**
>
> An experiment in creating a 3D environment using HTML elements and CSS transforms featuring lights, shadows and collision detection.

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [March 5, 2021, 9:05pm UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/6 "2021-03-05T21:05:05Z")

</div>

This from when I last mentioned VRML here and was exploring it.  
I didnt get anything past the cube working in a browser.

[Dec '18](https://forum.pinegrow.com/t/word-style-doc-to-website-builder-free-for-3-days/2513/5)

---

<div class="post-metadata">

**Author:** ![Idott](https://avatars.discourse-cdn.com/v4/letter/i/ea666f/32.png) [@Idott](https://forum.pinegrow.com/u/Idott)\
**Post date:** [March 5, 2021, 9:17pm UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/7 "2021-03-05T21:17:39Z")

</div>

yep just done that, it works on local but not on web…yet

New page
# Some VRML&nbsp; Pinetrees rock

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [March 5, 2021, 9:31pm UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/8 "2021-03-05T21:31:33Z")

</div>

Oh dear!

I must stop exploring…

> <https://stackoverflow.com/questions/8378883/webgl-framework-whats-the-best-choice-x3dom>

> **[evanw/lightgl.js](https://github.com/evanw/lightgl.js/)**
>
> A lightweight WebGL library. Contribute to evanw/lightgl.js development by creating an account on GitHub.

I have web stuff to learn… media queries… Tutorials… must NOT go down this rabbit hole again…  
_but let me know how it goes!! shhh , dont tell anyone_

---

<div class="post-metadata">

**Author:** ![Idott](https://avatars.discourse-cdn.com/v4/letter/i/ea666f/32.png) [@Idott](https://forum.pinegrow.com/u/Idott)\
**Post date:** [March 5, 2021, 9:55pm UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/9 "2021-03-05T21:55:03Z")

</div>

I understand, don’t follow the rabbit. Just can’t help myself.

Still knowledge for it’s own sake is a noble aim.

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [March 5, 2021, 10:00pm UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/10 "2021-03-05T22:00:21Z")

</div>

So many topics…

So little time…

 ![Calendar-Button-HuffPost-1024x794](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/a/a319fb176983cedb099af63e8c2b8bbfe0d94c72.jpeg)

(and I **WASN’T** just on this site…

[FreeWRL VRML/X3D browser / Git / Commit [de561d]](https://sourceforge.net/p/freewrl/git/ci/de561da176f84022e0a912992bf05e648e560341/))

at all…

---

<div class="post-metadata">

**Author:** ![Idott](https://avatars.discourse-cdn.com/v4/letter/i/ea666f/32.png) [@Idott](https://forum.pinegrow.com/u/Idott)\
**Post date:** [March 5, 2021, 10:07pm UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/11 "2021-03-05T22:07:18Z")

</div>

Seems the idea is still moving ahead

[https://create3000.github.io/media/examples/VolumeRendering/IsoSurfaceVolumeData/example.html](https://create3000.github.io/media/examples/VolumeRendering/IsoSurfaceVolumeData/example.html)

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [March 5, 2021, 10:15pm UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/12 "2021-03-05T22:15:23Z")

</div>

Yes… Promising… sigh.

 ![Screenshot 2021-03-05 at 22.13.34](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/b/bdbb54aeed742b9c99c7083d8faa7ac6cc30f2b0.png)

meanwhile I was back off at the WayBackMachine…

> **[OpenVRML](https://sourceforge.net/projects/openvrml/)**
>
> Download OpenVRML for free. OpenVRML is a cross-platform VRML and X3D browser and C++ runtime library.

right.  
Must stop 😉

back to media queries and web tutorials,  
Now going to gaffa tape my mouth up and sit on my hands so I cant type any more…

…_GnMpPHH\>\>_

…

 ![Screenshot 2021-03-05 at 22.19.29](https://canada1.discourse-cdn.com/flex036/uploads/pinegrow/original/2X/2/2967ec724a5d8adc9a5eef8bd7d1ccc8a519d051.png)

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [March 5, 2021, 10:32pm UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/13 "2021-03-05T22:32:18Z")

</div>

Failing badly…\>

> **[X3D: Declarative 3D for the Modern Web](https://blog.scottlogic.com/2019/08/27/declarative-3d-for-the-modern-web.html)**
>
> In this post we look at X3D and how it offers a simple declarative approach for including 3D visualisations in web pages in a way that is supported by major browsers.

> **[Learn About VRML: Virtual Reality Markup Language - WhoIsHostingThis.com](https://www.whoishostingthis.com/resources/vrml/)**
>
> Virtual Reality Markup Language (VRML) was created in the late 1990s as a way of describing virtual worlds. It has been replaced by X3D.

---

<div class="post-metadata">

**Author:** ![Idott](https://avatars.discourse-cdn.com/v4/letter/i/ea666f/32.png) [@Idott](https://forum.pinegrow.com/u/Idott)\
**Post date:** [March 5, 2021, 11:02pm UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/14 "2021-03-05T23:02:13Z")

</div>

try some of these examples, they might be faster to download.

> **[create3000/x\_ite](https://github.com/create3000/x_ite/wiki)**
>
> X\_ITE X3D WebGL Browser. Contribute to create3000/x\_ite development by creating an account on GitHub.

---

<div class="post-metadata">

**Author:** ![schpengle](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/schpengle/32/238_2.png) [@schpengle](https://forum.pinegrow.com/u/schpengle)\
**Post date:** [March 5, 2021, 11:52pm UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/15 "2021-03-05T23:52:40Z")

</div>

Well that looks fab! cheers, i might check that out tmrw evening , as  
ive got nothing done, but had a lovely time 🙂

---

<div class="post-metadata">

**Author:** ![Idott](https://avatars.discourse-cdn.com/v4/letter/i/ea666f/32.png) [@Idott](https://forum.pinegrow.com/u/Idott)\
**Post date:** [March 6, 2021, 12:41am UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/16 "2021-03-06T00:41:22Z")

</div>

Had video working, no problem.  
Sort of thing I create late at night… follow that rabbit.  
[https://idott.io/index-depthcharge-video-test.html](https://idott.io/index-depthcharge-video-test.html)

---

<div class="post-metadata">

**Author:** ![Pinegrow\_User](https://yyz2.discourse-cdn.com/flex036/user_avatar/forum.pinegrow.com/pinegrow_user/32/4919_2.png) [@Pinegrow\_User](https://forum.pinegrow.com/u/Pinegrow_User)\
**Post date:** [March 6, 2021, 1:54am UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/17 "2021-03-06T01:54:54Z")

</div>

@Idott

I would highly suggest having a look at **Three.js**.

- [https://threejs.org/](https://threejs.org/) - & - [three.js webgl - loaders - VRML loader](https://threejs.org/examples/webgl_loader_vrml.html)
- Note this regarding Three & VRML: [VRMLLoader: New implementation by Mugen87 · Pull Request #16726 · mrdoob/three.js · GitHub](https://github.com/mrdoob/three.js/pull/16726#issuecomment-543828389)
- If you can convert your `.wrl` to any of the other Three.js [supported file formats](https://threejs.org/docs/#manual/en/introduction/Loading-3D-models) it would be best.

Other modern and actively maintained lib options for converted file types are A-Frame, BabylonJS, etc.,

- [FAQ – A-Frame](https://aframe.io/docs/1.2.0/introduction/faq.html#how-is-a-frame-different-from-vrml) (uses Three.js)
- [Loading Any File Type | Babylon.js Documentation](https://doc.babylonjs.com/divingDeeper/importers/loadingFileTypes)

---

<div class="post-metadata">

**Author:** ![Idott](https://avatars.discourse-cdn.com/v4/letter/i/ea666f/32.png) [@Idott](https://forum.pinegrow.com/u/Idott)\
**Post date:** [March 6, 2021, 8:41am UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/18 "2021-03-06T08:41:39Z")

</div>

Hi Pinegrow\_User,  
Thankyou for that tip, I remember using it in the past but had completely forgotten. It was  
very good and straightforward, will revisit it.  
Regards Ian

---

<div class="post-metadata">

**Author:** ![RobM](https://avatars.discourse-cdn.com/v4/letter/r/278dde/32.png) [@RobM](https://forum.pinegrow.com/u/RobM)\
**Post date:** [March 6, 2021, 1:21pm UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/19 "2021-03-06T13:21:56Z")

</div>

@Idott  
If you don’t mind me asking, how was that top video generated?  
Cheers,  
Bob

---

<div class="post-metadata">

**Author:** ![Idott](https://avatars.discourse-cdn.com/v4/letter/i/ea666f/32.png) [@Idott](https://forum.pinegrow.com/u/Idott)\
**Post date:** [March 6, 2021, 9:01pm UTC](https://forum.pinegrow.com/t/media-and-vrml-player/5070/20 "2021-03-06T21:01:03Z")

</div>

Hi Bob,  
The twisting writhing form were generated using a now defunct software called Groboto, the video was created by applying layers of basic footage over each other and using filters in Kdenlive but I expect all video editors could do this. I will put the unedited video up when I find it.

[Next page](https://forum.pinegrow.com/t/media-and-vrml-player/5070.md?page=2)
