Currently we are using JSMPEG player for playing MPEG1 streams which are converted from RTSP ( live CCTV camera) .

I found Clappr is more interesting and rich in feature. but i am not able to conclude that how can i fit it in our case.

options :
1 . replace JSMPEG with Clappr to run MPEG1
2. Play RTSP directly ( somehow without flash ) as chrome has stopped support of flash.

**What do you want to do with Clap
Play server hosted mp4, webm files.

What have you tried so far?

      <div id="player"></div>
      <script>
        var player = new Clappr.Player({
          source: "https://file-examples.com/storage/fee3d1095964bab199aee29/2017/04/file_example_MP4_640_3MG.mp4",
          parentId: "#player",
          
        });
      </script>

Issue is that it does not show the controls properly. Is this something I need to enable?

O que eu queria saber era se tem uma forma simples de adaptar de JS para TS?

What do you want to do with Clappr?
Create an official Vue wrapper for Clappr.

What have you tried so far?
N/A.

Description
Hey! I refactored my v-clappr wrapper for Clappr using TypeScript and was wondering since we don't have official typings or wrapper(s) for clappr, v-clappr could be the place to go & maybe once I figure out all typings for core I can add it in the @types/clappr-core GitHub repo.

What do you want to do with Clappr?
Just run unit tests

get activePlaybackEl() { return this.activePlayback.$el.find('video')[0] || this.activePlayback.el }

What do you want to do with Clappr?

I have a server running LAL and producing a HLS playlist that I can access using HTTPS.

Unfortunatelly I got an error "no EXTM3U delimiter".

The same playlist can be viewed by VLC without any problem.

What have you tried so far?

My viewer HTML page has the code as described on the docs:

`

Obviously the source points to my server.

The contents of my playlist.m3u8 follow:

`#EXTM3U
#EXT-X-VERSION:3
#EXT-X-ALLOW-CACHE:NO
#EXT-X-TARGETDURATION:10
#EXT-X-MEDIA-SEQUENCE:621

#EXTINF:10.000,
teste-1686243931790-621.ts
#EXTINF:10.000,
teste-1686243941797-622.ts
#EXTINF:10.000,
teste-1686243951795-623.ts
#EXTINF:10.000,
teste-1686243961795-624.ts
#EXTINF:10.000,
teste-1686243971788-625.ts
#EXTINF:10.000,
teste-1686243981796-626.ts
`

Any hints?

What do you want to do with Clappr?

I want to install @clappr/core in my project using docusaurus and node 16, but I've gotten the following error:

What have you tried so far?

I've tried to install @clappr/core, but It's not possible because the minimum supported node version in docusaurus is 16 and @clappr/core expects node 14.

It doesn't make sense because @clappr/core should be bundled by the app to run in browsers.

What do you think about remove engines property from package.json?

Is your feature request related to a problem? Please describe.
In some cases it is a problem that the video controls hide the bottom of the video.

Describe the solution you'd like
A configuration value for the video controls to be below the video instead of covering it.

Describe alternatives you've considered
Using another video player

Good day to you all

So im looking for some information on the isHD function within the Clappr Player, i have a source that is offering TrueHD only on there service and i seem to be only getting audio and no video on the source.

Please find my code bellow.

` var playerobj = new Clappr.Player(
{
source: "////.m3u8",
parentId: "#livevideo",
autoPlay: true,
isHD: true,
mediacontrol: {seekbar: "#E113D3", buttons: "#66B2FF"},
height: 'auto',
width: '100%',
poster: "",
watermark: "assets//img/logo-player.png",
watermarkLink: "#",
position: 'top-left'

                }
            );
        </script>
 <?php } ?>`

If there is any information or help so i can allow the system to play (with picture), that would be perfect.

The main file of core is not found via this link
https://cdn.jsdelivr.net/npm/clappr/core@latest/dist/clappr-core.min.js

The link under https://github.com/clappr/clappr-core#events for the rest of clappr events is broken.

Here:
See all existing events on Clappr here.

What do you want to do with Clappr?

Any way to get the Clappr instance from a div ID?

I know I can simply store the instance when creating but the target in question is a third party site.

What have you tried so far?
Reading the docs.

The string.js plugin is missing labels used for accessibility.

For example, I would like to be able to dynamically change the aria-label of the fullscreen button based on the current language:
English:
<button aria-label="fullscreen"></button>
French:
<button aria-label="plein écran"></button>

working:
http://clappr.io/demo/#dmFyIHBsYXllckVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgicGxheWVyLXdyYXBwZXIiKTsKCnZhciBwbGF5ZXIgPSBuZXcgQ2xhcHByLlBsYXllcih7CiAgc291cmNlOiAnaHR0cDovL2NsYXBwci5pby9oaWdobGluZS5tcDQnLAogIHBvc3RlcjogJ2h0dHA6Ly9jbGFwcHIuaW8vcG9zdGVyLnBuZycsCiAgbXV0ZTogdHJ1ZSwKICBoZWlnaHQ6ICcxMDAnLAogIHdpZHRoOiA2NDAKfSk7CgpwbGF5ZXIuYXR0YWNoVG8ocGxheWVyRWxlbWVudCk7Cg==

not working:
http://clappr.io/demo/#dmFyIHBsYXllckVsZW1lbnQgPSBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgicGxheWVyLXdyYXBwZXIiKTsKCnZhciBwbGF5ZXIgPSBuZXcgQ2xhcHByLlBsYXllcih7CiAgc291cmNlOiAnaHR0cDovL2NsYXBwci5pby9oaWdobGluZS5tcDQnLAogIHBvc3RlcjogJ2h0dHA6Ly9jbGFwcHIuaW8vcG9zdGVyLnBuZycsCiAgbXV0ZTogdHJ1ZSwKICBoZWlnaHQ6ICcxMDAlJywKICB3aWR0aDogNjQwCn0pOwoKcGxheWVyLmF0dGFjaFRvKHBsYXllckVsZW1lbnQpOwo=