? Editing: Post:21.body Save Delete Cancel
Content changed Sign & Publish new content

klu9's ZeroBlog sandbox

A place to experiment technically with what I can do on a ZeroBlog, before I try it on my real blog.

Follow in NewsfeedFollowing

Latest comments:

Another attempt at autoplaying/looping MP4

on Apr 11, 2019 ยท
2 comments

ssdifnskdjfnsdjk commented on my original MP4 post that he got an MP4 working just like an animated GIF, so I'll try again.

I also followed his tutorial for making images & videos optional, so just being a peer for this zite won't involve automatically downloading every single image and video.

Here goes attempt #2.

The code that ssd used:
<video autoplay="" loop="" muted="" src="video/file-name1.mp4" type="video/mp4">This browser does not stream this video</video>

So I'll adjust that for my file name and location.
<video autoplay="" loop="" muted="" src="data/img/Monty.Python.Every.Sperm.Is.Sacred--MP4.mp4" type="video/mp4">This browser does not stream this video</video>

And now the video...

Well, for me, in both Firefox (Quantum) and Vivaldi, the video does not autoplay. In both I have to right click on the image and select "Play". I expected that in Vivaldi because I have an extension to prevent autoplaying videos. But I have no such extension in Firefox.

Now I wonder if ages ago, when I was being particularly annoyed by autoplaying videos, maybe I went into Firefox's about:config and set autoplay to "false".

Looking there I see this:

dom.media.autoplay.autoplay-policy-api;false

I'll try changing that and reloading.

Nope, that did not make a difference. The video is just a still image until I right-click and choose play.

Read more โ†’

Copying and pasting some Unicode emojis

on Mar 28, 2019

Let's see what happens when I

No. Code Emoji Name
1092 U+1F3AC ๐ŸŽฌ clapper board
1090 U+1F39E ๐ŸŽž film frames
1093 U+1F4FA ๐Ÿ“บ television
1095 U+1F4F8 ๐Ÿ“ธ camera with flash
1117 U+1F4F0 ๐Ÿ“ฐ newspaper
1107 U+1F4D6 ๐Ÿ“– open book
1111 U+1F4DA ๐Ÿ“š books
1056 U+1F3B6 ๐ŸŽถ musical notes
1057 U+1F399 ๐ŸŽ™ studio microphone
1310 U+25B6 โ–ถ play button
1393 U+1F195 ๐Ÿ†• New button
1458 U+1F3F4 ๐Ÿดโ€โ˜ ๏ธ Pirate flag
1132 U+1F4B2 ๐Ÿ’ฒ dollar sign
1124 U+1F4B5 ๐Ÿ’ต dollar banknote
1258 U+1F51E ๐Ÿ”ž no one under eighteen
1363 U+00A9 ยฉ copyright
1364 U+00AE ยฎ registered
1365 U+2122 โ„ข trade mark
1389 U+1F193 ๐Ÿ†“ free

EDIT: adding a few more I might conceivably use on my media share blog. All below work in both my browser and text editor except for Magnet (which I could really have used), Film Projector and Rolled-Up Newspaper.

No. Code Emoji Name
1201 U+1F9F2 ๐Ÿงฒ magnet
1198 U+1F517 ๐Ÿ”— link
922 U+1F30A ๐ŸŒŠ water wave
997 U+1F3AD ๐ŸŽญ performing arts
999 U+1F3A8 ๐ŸŽจ artist palette
1038 U+1F393 ๐ŸŽ“ graduation cap
1048 U+1F50A ๐Ÿ”Š speaker high volume
1054 U+1F3BC ๐ŸŽผ musical score
1060 U+1F3A4 ๐ŸŽค microphone
1061 U+1F3A7 ๐ŸŽง headphone
1062 U+1F4FB ๐Ÿ“ป radio
1087 U+1F4C0 ๐Ÿ“€ dvd
1089 U+1F3A5 ๐ŸŽฅ movie camera
1091 U+1F4FD ๐Ÿ“ฝ film projector
1094 U+1F4F7 ๐Ÿ“ท camera
1096 U+1F4F9 ๐Ÿ“น video camera
1097 U+1F4FC ๐Ÿ“ผ videocassette
1098 U+1F50D ๐Ÿ” magnifying glass tilted left
1118 U+1F5DE ๐Ÿ—ž rolled-up newspaper
1134 U+1F4E7 ๐Ÿ“ง e-mail
1325 U+1F3A6 ๐ŸŽฆ cinema

Well, almost all of those work! Even if a couple (clapper board, and especially television) are not great against a dark background.

Here's a screenshot, because when it comes to emojis, what one is shown in one browser/program/operating system won't look the same on another.

post_8_sandbox.emojis.png (594x694)

In the text file, many of them appear as emojis but not all (e.g. film frames, camera with flash, studio microphone, pirate flag {partially}). And the same things happens (to the same emojis) when I copy & paste here on ZeroBlog. (Just realized, they seem to be the sames ones that don't show right on the webpage in my browser either.)

Unfortunately the emojis that fail are among the ones I'd probably most like to use to indicate media type I'm sharing on my "media share" blog.

Let's see when I try copying & pasting those straight from the webpage into this post:

  • Film frames, copied from Vivaldi where it doesn't show: ๐ŸŽž

  • Film frames, copied from Firefox where it does show: ๐ŸŽž

Same result for me: just an empty square both times. EDIT: when viewed in Vivaldi, they're both blank squares. But when viewed in Firefox, I see the film frames both times. And at the top of the page too.

In fact the other problematic ones (camera with flash, studio microphone, pirate flag) also work in Firefox.

Read more โ†’

Inserting a WebM into a ZeroBlog post

on Mar 20, 2019

Just like I did with MP4 in the previous post, I'll try manually copying the WebM into this blog's data/img folder and then switch into Markdown edit mode (clicking </> button at top right) to put in HTML code.

I use almost the same code, but changing the file name and type, to video/webm.

<video width="500" height="286" autoplay loop>  <source src="Monty.Python.Every.Sperm.Is.Sacred--WEBM.webm" type="video/webm" />  Your browser does not support the video tag.</video>

Failure!!! I do not see the video at all, at least in the browser I'm using now (Vivaldi, based on Chromium). There is a big empty space where the video should be.

Going back into the markdown editor, I notice the first line of the HTML has had something added to it. It's gone from this:

<video width="500" height="286" autoplay loop>

to this:

<video width="500" height="286" loop="" flashstopped="true" id="dummyid39" preload="metadata">

Why, I do not know. I'll try saving, sign and publishing the post, then viewing in other browsers to see what happens.

  • Firefox: same big empty space.
  • Chrome: same big empty space.

Below I'll try editing in other browsers, to see if I can take out and keep out that unwanted code insertion. Trying in Chrome now...

Again, failure! Again, a big empty space. Again, the HTML code has been changed against my will. But this time it's been changed in a different way. Now the first two lines are:

<video width="500" height="286" autoplay="" loop="">โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹<source data-cke-saved-src="Monty.Python.Every.Sperm.Is.Sacred--WEBM.webm" src="Monty.Python.Every.Sperm.Is.Sacred--WEBM.webm" type="video/webm">

As wells as the changes to the first line, in the second, just plain src has become data-cke-saved-src. I don't know why, and I don't know what to do about this.

So at this stage, I cannot get a WebM to display in a ZeroBlog post at all, let alone playing and looping automatically like an animated GIF.

Read more โ†’

Inserting an MP4 into a ZeroBlog post

on Mar 20, 2019 ยท 3 min read ยท
2 comments

I'm looking for an alternative to animated GIFs, so I need the MP4 to behave like an animated GIF does:

  • display automatically (the image is visible to the blog visitor without them having to do anything)
  • play automatically (the blog visitor doesn't have to click on the video or press "Play", etc.)
  • loop automatically (the blog visitor doesn't have to right-click and select "Loop", etc.)
  • the whole image/animation is visible without any controls overlaid on it (e.g. no control bar obscuring the bottom part of the image)

The WYSIWYG editor does not have an "Insert video" button, so this will have to be 100% manual.

And Markdown code does not have an "Insert video" tag (the way it has ![img name](img URL) for images), so I will have to find and use appropriate HTML code.

I've inserted a (long-form) video on my blog cloned from My ZeroBlog (see this post hereโ€‹โ€‹โ€‹โ€‹โ€‹โ€‹โ€‹). Let's see if I can get the video working and displaying with all the other requirements (auto play, auto loop, no control bar) here on a regular ZeroBlog.

Read more โ†’

Inserting an animated WebP into a ZeroBlog post

on Mar 20, 2019

First, we'll see what happens when I use the "Insert image" button in the WYSIWYG editor.

Monty.Python.Every.Sperm.Is.Sacred--AnimatedWEBP.webp (500x286)

Yet again, it's a still image. But this time it's a still WebP, not a JPG.

post_5_Monty.Python.Every.Sperm.Is.Sacred--AnimatedWEBP.webp

Now let's try it manually, copying the animated WebP to the right folder and inserting it through markdown.

![Monty.Python.Every.Sperm.Is.Sacred--AnimatedWEBP.webp (500x286)](data/img/Monty.Python.Every.Sperm.Is.Sacred--AnimatedWEBP.webp)

Monty.Python.Every.Sperm.Is.Sacred--AnimatedWEBP.webp (500x286)

Success!!! I see an animated WebP, automatically displaying, playing and looping.

Read more โ†’

Inserting an Animated PNG into a ZeroBlog

on Mar 20, 2019

First, I'll use the WYSIWYG editor's "Insert image" button.

Monty.Python.Every.Sperm.Is.Sacred--Animated.PNG.jpg (500x286)

Again, the animated format is converted to a still JPG.

Now I'll try placing the animated PNG manually in the folder and then using the markdown edit mode to show it.

![Monty.Python.Every.Sperm.Is.Sacred--Animated.PNG.png (500x286)](data/img/Monty.Python.Every.Sperm.Is.Sacred--Animated.PNG.png)

Monty.Python.Every.Sperm.Is.Sacred--Animated.PNG.png (500x286)

Success!!! I now see an animated PNG, automatically displaying, playing and looping.

Read more โ†’

Manually inserting a GIF into a ZeroBlog post

on Mar 20, 2019 ยท 1 min read

Now I will try:

  1. Using the WYSIWYG editor to insert a GIF.
  2. Manually placing the GIF in the data\img folder

  3. Manually copying and adjusting the post's code to show the GIF.

Read more โ†’

Testing alternatives to GIFs on a ZeroBlog

on Mar 20, 2019

First, here are links to the files stored on ZeroUp Unlimited:

Now let me try to post the original GIF here, using the WYSIWYG editor to insert it. I know it will convert it to a still JPG, but at least then I can confirm where the image will be stored.

Monty.Python.Every.Sperm.Is.Sacred--OriginalGIF.jpg (500x286)

After posting, I see:

  • a still JPG
  • I find the image is located in the blog's sub-sub data\imgfolder:

C:\Users\klu9\Downloads\ZeroNet-win-dist\data\15mQd6kBRzriaVEjdELujex2YKFfWaA8JQ\data\img

  • And the file name has been prefixed by the blog post number:
post_2_Monty.Python.Every.Sperm.Is.Sacred--OriginalGIF.jpg

PS: Hmmm, the folder location I enclosed in code backticks, markdown-style. When it came to the file name, I remembered to use the WYSIWYG editor's "Code" button. But the results look different.

Read more โ†’

Congratulations!

on May 31, 2015

Your zeronet blog has been successfully created!

Read more โ†’
Add new post

Title

21 hours ago ยท 2 min read ยท
3 comments
Body
Read more โ†’

Not found

Title

21 hours ago ยท 2 min read

0 Comments:

user_name โ” 1 day ago
Reply
Body
This page is a snapshot of ZeroNet. Start your own ZeroNet for complete experience. Learn More