Text to Speech - read Title plus text in Info-Box

[zitronenwolf]

Hello,
I just watched the Text to Speech-tutorial: https://ggnome.com/2020/08/pano2vr-6-1- ... to-speech/.
I have a question to the Info-Box: I use the title as part of the information: When I make for example an info-box for a building with the text "Building from Renzo Piano from 1989), then I take "Building" as title and the rest for text textfield. Now I want that the whole text inclusive title will be read from text to speech. Is that possible? Do I have to change the javascript (which I can't)?

Best, Heiko

[Hopki]

Hi Heiko,
If it is one text box and you use two placeholders, $(ut) for the User Data Title and $(ud) for the User Data Description, then the TTS component will read out all the text, title and description.
However if you are using separate text boxes, one for the title and one for the description then it will only read out the description.

The attached project uses three placeholders in one text box, Project Title, User Data Title and then User Data Description.
Regards,

[zitronenwolf]

Hello Martin,

thank you!
I also wanted to make the title bigger. So I used the "Header 3" format in the textfield. But then there is a huge gap to the body-text (see attached image). How can I avoid this? Is it something with CSS?

Best
Heiko

[Hopki]

Hi,
Use Markup

Screenshot 2025-02-25 at 20.46.33.png (25.65 KiB) Viewed 105633 times

The gap is not so large.
Regards,

[zitronenwolf]

That doesn't change anything in my case. I found out that it is not the "header" that makes the gap but just "return" - a new line. I you just have normal text and you make a new line with "return" then there is also the big gap.
Do you have an idea how to avoid this?
As a workaround I also had the idea to make a double title-text: A in the original information hotspot I could make 2 Textboxes - one for the header, so that the gap is small. Then I also put the title-text in the normal text-box and maybe there's a possibility to set Alpha to 0 for that text? So it could be read but not shown.

Best, Heiko

[zitronenwolf]

Now I tested a lot.
Can it be that it is a bug that the gap between header and second line is so big?
I added 3 attachments:
• one is the white image: I made the markdown-tutorial and there the header (with # ) has no gap to the next line. So as it should be.
• 2 images where I made the header with "# ". The gap is huge.

Also I found out that when you edit text in the visual tab, every new line (made with "enter") has a huge gap.

Best, Heiko

[Hopki]

Hi,
Looking into this, when you use the h1 title, this places a very large gap between the title and the rest of the text.
The other headers, h2, h3 and h4 each make the gap a little less.
This is the same in a normal HTML page and not just Pano2VR.

What you can do is copy the full text to the TTS SVG image's Auternative text box:

1.jpg (37.89 KiB) Viewed 104885 times

When pressed this test will be read out rather than teh text in the parent text box.
So now you can use two text boxes but still read out all teh text titles as well.
Regards,

[zitronenwolf]

Thanks for this idea. But this doesn't seam to work with variables. I have this Text: $(*info_title) $(*info_text_body) - because I get the variables from an info-button from the title and description field. In the original Pano2VR-Info-Box the content goes directly to the textbox-IDs. But because I want both texts to be read in one box, I made 2 variables.

And I attached again an image to compare the gap from the markdown-tutorial-page where the gab is obviously shown as intended (at the commonmark-page I don't guess they wanna show a mistake) and the gap in Pano2VR. And the gap is so huge that it can't honestly be used to format text. There is space for around 4-5 lines. It must at least be a bug at my computer. Does this look different on other computers?

Best, Heiko

[Hopki]

Hi,
Do you have a link to the markdown-tutorial-page?
Regards,

[zitronenwolf]

Hi,

the tutorial is here: https://commonmark.org/help/tutorial/
I came there from this ggnome-page: https://ggnome.com/doc/pano2vr/workspace/properties/

Best, Heiko

[zitronenwolf]

Hi, is there hope for a smaller gap?

[Hopki]

Hi,

Hi, is there hope for a smaller gap?

If you ar using markdown then, sorry, no.
Doing a side-by-side comparison from an HTML page and a text box in a Pano2VR output, you can see the gap is the same.

1.jpg (25.94 KiB) Viewed 87267 times

The tutorial page is a training website and is not showing a true representation of the gap between the heading and text..
Regards,

[zitronenwolf]

Hello Martin,

this gap looks great for me. It's much smaller than mine. I guess there must be a mistake in my skin. Could you upload the skin you made for the example? Then I could compare it to mine.

Best, Heiko

[Hopki]

Hi Heiko,
Please see the attached project, the one that you say is ok uses the h2 title and 12-point font size.
If you want to set a 12-point font size throughout the skin, you can adjust the skin style sheet, and change from the default which is 14, to 12.

preview.png (27.17 KiB) Viewed 79811 times

Regards,

[zitronenwolf]

Thanks a lot!
And with the inspiration of your stylesheet I found out that adding "margin-bottom: 5px;" directly under the "margin-top"-line can decrease the gap additionally. So I could adjust it as I wished it.

Best
Heiko