How to use Javascript librarys in Habpanel

Apps & Services HABPanel
1

Hi,
in Habpanel I want to show a HLV-videostream. The following code works in Firefox, but I dont know how to integrate this in an own widget.

<!DOCTYPE html>
<head>
<link href="video-js.css" rel="stylesheet">
</head>
<body>
<video id='kueche' class="video-js vjs-default-skin" width="400" height="300" controls>
<source type="application/x-mpegURL" src="http://192.168.2.112/xxxxxxxx/live/file ... index.m3u8">
</video>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ ... "></script>
<script src="https://vjs.zencdn.net/7.2.3/video.js"></script>
<script>
var player = videojs('kueche');
player.play();
</script>
</body>

Greetings

2

Would the http binding help?

3

Don’t know how …

4

I have not used it either.

5

I know and use the http-binding, but I dont know how to use it for my problem. I have to call a script which needs two librarys.

6

The http binding is unrelated here. You need to create your own widget for habpanel. I have no direct solution, but here is a good starting point:

7

I have used and read your link often, but I re-read it again and found under

Advanced: Injecting custom JavaScript code

some examples, which might help.

Thank you

8

OK, since the example was html, I thought it could be related. You know better than I.