Embedding images, audio and video as base64 encoded data

[scls19fr]

Hello,

https://featured.plutojl.org/basic/images and https://featured.plutojl.org/basic/plutoui.jl#ad8e9b30-c75d-11ea-1fd0-0b53592135bf covers several methods for dealing with images with a Pluto.jl notebook.

It's not mentioned that base64 encoded images with data URI scheme are also a solution.

It may be worth mentioning that in doc.

Here is an example:

HTML("""<img src="$(img_pluto)" />""")

A sample image can be found here https://gist.github.com/scls19fr/8d2330ae8c2ded145c80b1650500bed2#file-sample_img-jl

It also works with audio

HTML("""<audio controls="controls" autobuffer="autobuffer" autoplay="autoplay"><source src="$(audio_meow)" /></audio>""")

A sample audio can be found here https://gist.github.com/scls19fr/8d2330ae8c2ded145c80b1650500bed2#file-sample_audio-jl

I did a sample notebook to test that with a "new" structure named EmbeddedResource
See https://gist.github.com/scls19fr/8d2330ae8c2ded145c80b1650500bed2#file-embedded_media_base64-jl

Any opinion?

Kind regards