Compile this plugin into Clappr

[ghost]

hi Guys, how can I integrate (compile) it into clappr plugins? I would like to have it integrated into the player without calling it externally via the script

[kslimani]

hi, just import it in your application bundle using npm or another package manager.

[ghost]

hi kslimani, I tried to use "npm add clappr-ima-plugin" in the clappr directory. Imported it as a dependency but I don't understand how to call it in plugins to compile it. could you help me figure out how to do it?

[kslimani]

Please note this plugin does not support yet the new 0.4.x version of Clappr, it is supported only in the 0.3.x versions (latest is 0.3.13)

I am not sure to understand what you want to achieve ? Are you trying to rebuild your own version of Clappr player ?

If it is the case, you need to import the plugin and add it in the loader class, and then recompile the player.

IMO, it is easier to create a wrapper utility class which return your custom player instance. (and should also be easier to maintain).

[ghost]

yes I'm trying to compile the player without some plugins and add IMA support with your plugin, but I saw that with version 0.4.4 your plugin works fine using the external script <script src = "...."> .

So would it be enough to add it to the Loader array with the name ClapprImaPlugin and it should be integrated without problems?

I ran the command "npm add clappr-ima-plugin", is this enough to be able to use the plugin in the loader?

[kslimani]

While the ima plugin may work on desktop, i cannot guarantee it will work on mobile devices.

Clappr 0.4.x is a complete another story in term of compiling. It has been separated in several projects (and therefore is more complex).

Take a look at main project dev dependencies : you could, for example, do the same they did with hlsjs-playback plugin; by importing ima plugin and use loader registerPlugin static method. (do not use registerPlayback, this plugin is not a playback plugin).

[ghost]

Ok kslimani,
so on this basis I decided to use version 0.3 for mobile compatibility.
In this case just import the plugin with "npm add [package]" and then add it in the loader class or is there some other step to do?

[kslimani]

Yep, just import the plugin and add it in the loader like described above, and rebuild the player.