Frequently asked questions

Archive filtered by HTML/CSS

To remove filter keyword, click on it's name above.

GENERALQ: What is HTML/CSS?

A: HTML is a computer language devised to allow website creation. It is constantly undergoing revision and evolution to meet the demands and requirements of the growing Internet audience under the direction of the "W3C", the organisation charged with designing and maintaining the language. The definition of HTML is HyperText Markup Language. CSS is a style language that defines layout of HTML documents. For example, CSS covers fonts, colours, margins, lines, height, width, background images, advanced positions and many other things. It stands for Cascading Style Sheets.

 

M30Q: How can I add a mask to show a video in my application?

A: You have to put the contents of your application inside of an SVG-container. After you've done that, you can add a mask on the container that cuts a hole into the background layer which contains the video. See the referring example in the IDE here: SVG Masked Video

Filter: ABOX42 Showcases M30

M30Q: Is there an OnScreen Keyboard I can use for my application?

A: Yes, there is a software OnScreen Keyboard you can use. Please take a look at Chapter 6 or Chapter 7 to learn more about the OnScreen Keyboard.

Filter: ABOX42 Showcases M30

M30Q: How do I add a simple debugging?

A: We explain how to add a simple debugging to your application in Chapter I - Part 2.

Filter: ABOX42 Showcases M30 Resources

M30Q: How do I load HTML pages using a navigation?

A: How to load HTML pages by using a navigation is explained on this page.

Filter: ABOX42 Showcases M30

M30Q: How do I navigate and load HTML pages in PHP?

A: We explain how to navigate and load HTML pages in PHP in this example. Please take a look at it.

Filter: ABOX42 Showcases M30

M30Q: How do I modify the HTML navigation to load PHP?

A: Please take a look at this example we created for this question.

Filter: ABOX42 Showcases M30

M30Q: How do I preload helloworld.png?

A: Take a look at Chapter III - Part 7 to get an answer to your question.

Filter: ABOX42 Showcases Hello World M30

M30Q: How do I create a safe area around the “Hello World” app?

A: The answer to this question is part of Chapter II. Go ahead and take a look at "Part 2".

Filter: ABOX42 Showcases Hello World M30

M30Q: Where can I find an overview of the UI Elements?

A: Here is an overview of the UI Elements and other templates used in our examples and "Smart Solutions": UI Elements Index

Filter: ABOX42 Showcases HTML5/CSS3 JS-API M30 UI Elements Web Technology

M30Q: How can I create my own Speed Check application?

A: On every developer unit you will find the ABOX42 Speed Check. In case you are looking for your own, branded speed check, take a look at what we have to offer on our Smart Solutions - Web Server Runtime page. Choose "My Own Speed Check" and download the zip file provided there. Upload it to your Smart STB and test it right away. With some adjustments you can easily brand this application according to your product/corporate identity.

In addition, there is a complete description of the speed check app's code in Chapter XXV - Speed Check. You can either run this application locally or in the cloud.

Filter: ABOX42 Showcases common class API JS-API M30 Smart Solutions Web Server runtime

M30Q: Is there any rule which disables the keydown/keyup/keypress events when a button is held down continuously?

A: Yes, there is a possibility to kill all further keypress events but the initial one when a button on the RCU is pressed continuously. Take a look at the code below:

key blocker

Filter: M30 Web Technology

M30Q: Is there any way to enable continuous input on a button, for example holding down the OK button?

A: Yes, there is a possibility to track when a button is held continuously and to assign a functionality to it. Here is some example code for that case:

key hold functionality

Filter: M30 Web Technology

M30Q: How do I copy a button to the middle of the page?

In Chapter VI - Part 3 we show you how to copy a button to the middle of the page when working with UI Elements. There is a screencast available on YouTube for this part now. Go check it out.

Filter: ABOX42 Showcases M30 UI Elements

M30Q: How can I achieve a split screen for the TV stream and the teletext?

A: For most users, it is standard usage to have the teletext and the actual TV image in a split screen. When combining standard teletext and an IPTV stream in an application on the Smart STB, this functionality needs to get implemented. Chapter XXXIV - Splitscreen for Teletext shows you how to do exactly that - as usual with a documentation and code sample for you to download or you can start it on your Smart STB from within the IDE in the well known manner.

Filter: ABOX42 Showcases IPTV M30

M30Q: What commands are unique for changing the video dimensions in a TV/Teletext split screen?

A: The second part of Chapter XXXIV - Splitscreen for Teletext gives you a detailed description what commands are needed to achieve a split screen view. As usual, Part 2 also includes a code documentation and a code sample for you to download. This part is needed to complete chapter 34.

Filter: ABOX42 Showcases IPTV M30

M30Q: How do I start an HLS stream with a specific bitrate?

A: If your use case demands that you need to start your HLS stream with a specific bitrate, there is a property available for the "media.play" call that lets you set the minimum or maximum bandwidth. As usual, we provide an example application for this topic. Please see Chapter XXXV - Testing differnt bitrates for details, download and documentation.

Filter: HLS JS-API M30 Media Player runtime

M30Q: How can I change the streams and bitrates in the example of chapter 35?

A: In Chapter XXXV - Testing different bitrates we show you how to set and test different bitrates for your HLS playout. In case you want to modify the streams and bitrates in the example application, take a look at Part 2 - How can I change the video URLs and the bitrates?.

Filter: HLS JS-API M30 Media Player runtime

M30Q: How does the horizontal navigation in the IPTV example work?

A: Please take a look at Chapter XX - Part 5 to see how the horizontal navigation works. We also provide a hands-on screencast that shows you how to do it.

Filter: ABOX42 Showcases IPTV M30

M30Q: How does dvb_use_channellist in the IPTV Example work?

A: Please take a look at Chapter XX - Part 6 to see how to use dvb_use_channellist. We also provide a hands-on screencast that shows you how to do it.

Filter: ABOX42 Showcases IPTV M30

M30Q: How does the localization in the IPTV Example work?

A: A: Please take a look at Chapter XX - Part 7 to see how the localization works. We also provide a hands-on screencast that shows you how to do it.

Filter: ABOX42 Showcases IPTV M30

M30Q: What do the key handlers and variable names in the IPTV Example mean?

A: A: Please take a look at Chapter XX - Part 8 to see what the key handlers and variable names mean. We also provide a hands-on screencast that shows you how to do it.

Filter: ABOX42 Showcases IPTV M30