Code Monkey home page Code Monkey logo

kaltura-player-js's Introduction

Kaltura Player JS Platform - Cloud TV and OVP Media Players Based on the PlayKit JS Player

Build Status code style: prettier

The Kaltura Player utilizes a highly modular approach for creating a powerful media player. Each functionality of the player is isolated into separate packages, which are designed to deliver a specific set of abilities. This approach enables extensibility, simplicity and easy maintenance.

The Kaltura Player integrates:

The Kaltura Player exposes two different players: the Kaltura OVP Player and Kaltura Cloud TV Player. Each player integrates its related packages, as you can see in the following table:

PlayKit JS PlayKit JS Providers PlayKit JS UI PlayKit JS DASH PlayKit JS HLS PlayKit JS Youbora PlayKit JS OTT Analytics PlayKit JS KAVA
OVP Player V OVP V V V V V
Cloud TV Player V OTT V V V V V V (*)

* Needs to be configured.

The Kaltura Player is written in ECMAScript6, statically analysed using Flow and transpiled in ECMAScript5 using Babel.

Getting Started

Installing

First, clone and run yarn to install dependencies:

git clone https://github.com/kaltura/kaltura-player-js.git
cd kaltura-player-js
yarn install

Building

Then, build the player

// OVP player
yarn run build:ovp

// Cloud TV player
yarn run build:ott

Next, let's look at how to get started by creating a player using the Player API set.

Documentation

Running the tests

Tests can be run locally via Karma, which will run on Chrome, Firefox and Safari

yarn run test

You can test individual browsers:

yarn run test:chrome
yarn run test:firefox
yarn run test:safari

And coding style tests

We use ESLint recommended set with some additions for enforcing Flow types and other rules.

See ESLint config for full configuration.

We also use .editorconfig to maintain consistent coding styles and settings, please make sure you comply with the styling.

Compatibility

TBD

Contributing

Please read CONTRIBUTING.md for details on our code of conduct, and the process for submitting pull requests to us.

Versioning

We use SemVer for versioning. For the versions available, see the tags on this repository.

License

This project is licensed under the AGPL-3.0 License - see the LICENSE file for details

kaltura-player-js's People

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

kaltura-player-js's Issues

Player Events List

Kaltura Player Events List

While researching for a story I am working on, I found this page and hoped to find an extensive list of all existing Kaltura Events. Unfortunately the section is only teasered but does not exist. Will this be provided soon?

Especially relevant for my story are Bookmark events, namely, at what timestamp does the user quit the video, so I can let them reenter there.

How to update player config when the playlist item is being switched?

Prerequisites

I tried to load playlist items by using kalturaPlayer.loadPlaylistByEntryList({entries: [{entryId: '123'}, {entryId: '456'}]}, {countdown: {duration: 20}});
And below is my player config

const kalturaPlayer = KalturaPlayer.setup({
      "sources": {
        "options": {},
      },
      "targetId": "player-placeholder",
      "ui": {
        "components": {},
        "settings": {
          "showSpeedMenu": true,
        }
      },
      "provider": {
        "partnerId": PARTNER_ID,
        "uiConfId": UI_CONFIG_ID,
        "ks": KS_SESSION
      },
      "playback": {
        "autoplay": true,
        "allowMutedAutoPlay": true,
        "playsinline": true,
        "textLanguage": "default",
        "pictureInPicture": false,
        "inBrowserFullscreen": false,
      },
      "plugins": {
        "share": {
          "disable": true
        },
        "download": {
          "disable": true
        },
        "report": {
          "disable": true
        }
      }
    });

If you noticed I config the player with KS in order to play the video. I used my own API to get the player KS by passing the entry_id.
So when the player is being loaded, I called API to get the KS and play the video.

Since I wanted to use playlist feature, So when the entry is being switched to next or previous, I want to get the entry_id and update player config KS when the entry is being played.

kalturaPlayer.addEventListener(KalturaPlayer.playlist.PlaylistEventType.PLAYLIST_ITEM_CHANGED, () => {
   // get entry_id ? // then call my own API to get KS // then update player config with the new KS // then play the media
});

I also checked with the kaltura change-media API but I could not solve my problem.

OTT vs OVP: What is the difference? Can we add it to the README?

I'd like to make a PR correcting the yarn build in the README to yard build:ott|ovp but in doing so I'd like to also add a note about which is which. Looking at our current platform I don't see any indicator if we are ott or ovp, and noting in our source code that would indicate either. How is this determined? The terms seem almost interchangeable.

fragLoadError when switching to another network

Prerequisites
  • Have you checked for duplicate issues: ______
  • Which Plugin version are you using: 0.51.3 (html5lib3-0.51.3-2, html5lib-2.82.2-1 from ubuntu repo)
  • Can you reproduce the issue with our latest release version: n/a
  • Can you reproduce the issue with the latest code from master: n/a
  • What browser and OS names and versions are you using: Chrome/83.0.4103.119 Linux-5.3, Chrome/83.0.4103.109 Android 9
  • If applicable, add test code or test page to reproduce: stock code without modifications
Expected behavior

When video is playing and device switching to another network and next video segment was not downloaded, player waits some time (2-3 sec.) and trying to reconnect to server.

Actual behavior

The player shows an error a moment after the network has become unavailable (with json error message), without any option to reconnect and continue playing.

Console output

See attachments. vw.sottech.local-1594404703703.log

How to seek player to specific time when player is loaded

Back when I used Kaltura Player v2, the player is able to doSeek to a specific time when a player is loaded. This function is just like the user watch time history. I want to implement this function in Kaltura Player v7. I have checked the document but couldn't find it yet.

This is how I used it in Kaltura Player v2.

const kdp = document.getElementById(playerId);
kdp.sendNotification('doSeek', PLAYER_RECEIVE_EVENT.last_watched)
Expected behavior

When the player is loaded, The player should be loaded to a specific time duration.

Actual behavior

I couldn't find a solution for Kaltura Player v7 yet.

Really appreciate your support.

Video stutters when getting buffer stalled error

Hello,

We are facing some problems with our videos using the Kaltura Payer on our application, in some vídeos, we are facing some stutters in some particular moments of the video.
We are using the kaltura-player-js embedded in ur page as a script in head:

Kaltura Player lib
kaltura-ovp-player v1.7.1

Captura de Tela 2021-06-04 às 14 04 53

Expected behavior

Expected any stuttering nor buffer errors/exceptions

Actual behavior

In some videos, we face stutters in some particular moments of the videos that interrupt the video play. Every time that it happens we get a console error "bufferStalledError".

Console output

Captura de Tela 2021-06-04 às 13 07 06
Captura de Tela 2021-06-04 às 14 03 56

Failed with Protocol Relative URLs

hello,
i am trying to run kaltura player v3 on samsung smart TV but i notice that you are using Protocol Relative URLs example: ['//analytics.kaltura.com/api_v3/index.php']. In the browser it works fine but for the Smart TV, the TV always looking for it in the local files so some features does not work.
can you provide any help.

Thanks,
Ahmed

Keyboard spacebar shortcut for play/pause only works on first focus.

Prerequisites
  • Have you checked for duplicate issues: No duplicates found
  • Which Plugin version are you using: 3.17.14
  • Can you reproduce the issue with our latest release version: yes
  • Can you reproduce the issue with the latest code from master: yes
  • What browser and OS names and versions are you using: Chrome (124.0.6367.201) and Safari (Version 17.4.1), MacOS 14.4.1
  • If applicable, add test code or test page to reproduce:

I made the following modifications to player-ovp.html before running npm run serve:ovp in order to get a working demo of the video player. (all I did was update the provider part of the config and the entryId to match floating.html).

<!doctype html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="theme-color" content="#000000" />
    <meta name="description" content="Kaltura Player Demo Page" />
    <title>Player</title>
    <link rel="stylesheet" type="text/css" href="./style.css" />
    <script src="./kaltura-ovp-player.js" type="text/javascript"></script>
  </head>
  <body>
    <div id="player-placeholder"></div>
    <script type="text/javascript">
      const config = {
        log: {
          level: 'DEBUG'
        },
        targetId: 'player-placeholder',
        provider: {
          partnerId: 1091,
          env: {
            cdnUrl: "http://qa-apache-php7.dev.kaltura.com/",
            serviceUrl: "http://qa-apache-php7.dev.kaltura.com/api_v3"
          }
        }
      };

      const player = KalturaPlayer.setup(config);
      player.loadMedia({ entryId: '0_wifqaipd' });
    </script>
  </body>
</html>
Expected behavior

Using the following modification to get the player-ovp.html demo to work on the latest version of master (as of this writing),

When I focus on the videoplayer and press the spacebar I should be able to toggle pause/play, even after I click away from the videoplayer and back to the videoplayer, no matter where on the video player I click to focus on the video player.

Actual behavior

On first page load, the spacebar toggles play/pause as expected. But if I click away from the video player and back, the spacebar keyboard shortcut no longer works.

I am only able to use the pause/play keyboard shortcut after clicking away if I specifically click directly on the pause/play button, not anywhere else on the video player. As a user, I would expect to be able to start playing the video with the mouse (clicking on the thumbnail of the video) and then be able to use the keyboard spacebar shortcut to toggle play/pause.

Console output

There are no logs/errors associated with this bug. No pause/play events are detected when the spacebar keyboard shortcut fails to work.

Geographic restriction modal no longer displayed

As Kaltura platform customers, we notice that when we play geographically restricted content, instead of a modal indicating this(like v2 of the player) we just experience the loader endlessly. Is the implementation of this modal on the roadmap or is this something we can easily implement?

InternalError: Too much recursion on IOS devices

Issue where player js crashes on IOS devices, can simulate on both IOS and Firefox Emulation of IOS device size.

Looks like the issue is related to 1.5.2 when a "bumper" (pre-played video) is enabled. With that disabled, the issue does not present itself on IOS.

Uncaught (in promise) InternalError: too much recursion
isFullscreen fullscreen-controller.js:73
isFullscreen player.js:1377
isFullscreen kaltura-player.js:391
playOnMainVideoTag bumper.js:198
get bumper-engine-decorator.js:23
r engine-decorator.js:44
get engine-decorator.js:44
getVideoElement player.js:568

Prerequisites

CDN Delivered player version

Expected behavior

Bumper playback then HLS/DASH playback as seen on non IOS devices.

Actual behavior

engine-decorator.js crash.

Console output
Paste the contents of the browser console here.

[error] nuxt + kaltura-player-js (more v1.12) ssr

Prerequisites
  • [+] Have you checked for duplicate issues: __
  • [ +] Which Plugin version are you using: __
    "version": "1.12.1",

package.json
"kaltura-player-js": "https://github.com/kaltura/kaltura-player-js.git#master",

  • [+] Can you reproduce the issue with our latest release version: __
  • [+] Can you reproduce the issue with the latest code from master: __
  • What browser and OS names and versions are you using: __

all work on version 1.11
problem start after updated on version 1.12

screenshot browser error

browser get 100% cpu at this error

PLAYER_DESTROY event is never fired when player is destroyed

Prerequisites
kalturaPlayer.addEventListener(kalturaPlayer.Event.PLAYER_DESTROY, (e) => { debugger; })
kalturaPlayer.destroy()
Expected behavior

On .destroy(), the PLAYER_DESTROY event will fire and execute the callback

Actual behavior

No event is fired

kaltura player demo with ads code.

Prerequisites
  • Have you checked for duplicate issues: ______
  • Which Plugin version are you using: ______
  • Can you reproduce the issue with our latest release version: ______
  • Can you reproduce the issue with the latest code from master: ______
  • What browser and OS names and versions are you using: ______
  • If applicable, add test code or test page to reproduce:
Paste test code here
``

##### Expected behavior
What you expected to happen

##### Actual behavior
What actually happened

##### Console output

Paste the contents of the browser console here.




hi, i'm a developer.  for one of my client i have to use kaltura player for ads purpose. so for this since morning i'm looking for the proper code but unfortunatly i'm not getting any of that. even i tried both of your github link
1  https://github.com/kaltura/kaltura-player-js and
2. https://github.com/kaltura.
none of this are working so kindly provide proper link of working thank you. waiting for replay.

Player is not working in localhost

Access to XMLHttpRequest at 'http://cfvod2.kaltura.com/hls/p/2608811/sp/260881100/serveFlavor/entryId/0_zyffjvb7/v/2/ev/4/flavorId/0_c3k94ljx/name/a.mp4/index.m3u8' from origin 'http://localhost:9004' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
logger.js:191 [Error] Category:1 | Code:1002 |
{name: "levelLoadError", url: "http://cfvod2.kaltura.com/hls/p/2608811/sp/2608811…/2/ev/4/flavorId/0_c3k94ljx/name/a.mp4/index.m3u8", responseCode: 0}
xhr-loader.js:82 GET http://cfvod2.kaltura.com/hls/p/2608811/sp/260881100/serveFlavor/entryId/0_zyffjvb7/v/2/ev/4/flavorId/0_c3k94ljx/name/a.mp4/index.m3u8 net::ERR_FAILED
876
Unchecked runtime.lastError: The message port closed before a response was received.
:9004/#/curso/718931…b058bdc006c1d3f79:1 Access to XMLHttpRequest at 'http://cfvod2.kaltura.com/hls/p/2608811/sp/260881100/serveFlavor/entryId/0_zyffjvb7/v/2/ev/4/flavorId/0_slunqlq5/name/a.mp4/index.m3u8' from origin 'http://localhost:9004' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
logger.js:191 [Error] Category:1 | Code:1002 |
{name: "levelLoadError", url: "http://cfvod2.kaltura.com/hls/p/2608811/sp/2608811…/2/ev/4/flavorId/0_slunqlq5/name/a.mp4/index.m3u8", responseCode: 0}
xhr-loader.js:82 GET http://cfvod2.kaltura.com/hls/p/2608811/sp/260881100/serveFlavor/entryId/0_zyffjvb7/v/2/ev/4/flavorId/0_slunqlq5/name/a.mp4/index.m3u8 net::ERR_FAILED
:9004/#/curso/718931…b058bdc006c1d3f79:1 Access to XMLHttpRequest at 'http://cfvod2.kaltura.com/hls/p/2608811/sp/260881100/serveFlavor/entryId/0_zyffjvb7/v/2/ev/4/flavorId/0_bd19uznq/name/a.mp4/index.m3u8' from origin 'http://localhost:9004' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
logger.js:191 [Error] Category:1 | Code:1002 |
{name: "levelLoadError", url: "http://cfvod2.kaltura.com/hls/p/2608811/sp/2608811…/2/ev/4/flavorId/0_bd19uznq/name/a.mp4/index.m3u8", responseCode: 0}
xhr-loader.js:82 GET http://cfvod2.kaltura.com/hls/p/2608811/sp/260881100/serveFlavor/entryId/0_zyffjvb7/v/2/ev/4/flavorId/0_bd19uznq/name/a.mp4/index.m3u8 net::ERR_FAILED
:9004/#/curso/718931…b058bdc006c1d3f79:1 Access to XMLHttpRequest at 'http://cfvod2.kaltura.com/hls/p/2608811/sp/260881100/serveFlavor/entryId/0_zyffjvb7/v/2/ev/4/flavorId/0_c3k94ljx/name/a.mp4/index.m3u8' from origin 'http://localhost:9004' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
logger.js:191 [Error] Category:1 | Code:1002 |
{name: "levelLoadError", url: "http://cfvod2.kaltura.com/hls/p/2608811/sp/2608811…/2/ev/4/flavorId/0_c3k94ljx/name/a.mp4/index.m3u8", responseCode: 0}
xhr-loader.js:82 GET http://cfvod2.kaltura.com/hls/p/2608811/sp/260881100/serveFlavor/entryId/0_zyffjvb7/v/2/ev/4/flavorId/0_c3k94ljx/name/a.mp4/index.m3u8 net::ERR_FAILED
:9004/#/curso/718931…b058bdc006c1d3f79:1 Access to XMLHttpRequest at 'http://cfvod2.kaltura.com/hls/p/2608811/sp/260881100/serveFlavor/entryId/0_zyffjvb7/v/2/ev/4/flavorId/0_slunqlq5/name/a.mp4/index.m3u8' from origin 'http://localhost:9004' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
logger.js:191 [Error] Category:1 | Code:1002 |
{name: "levelLoadError", url: "http://cfvod2.kaltura.com/hls/p/2608811/sp/2608811…/2/ev/4/flavorId/0_slunqlq5/name/a.mp4/index.m3u8", responseCode: 0}
xhr-loader.js:82 GET http://cfvod2.kaltura.com/hls/p/2608811/sp/260881100/serveFlavor/entryId/0_zyffjvb7/v/2/ev/4/flavorId/0_slunqlq5/name/a.mp4/index.m3u8 net::ERR_FAILED

Google 80 Samesite Attribute issue

Hi,

I'm seeing Chrome console messages concerning a lot of the cookies injected.

For example:

A cookie associated with a cross-site resource at http://vpaas.kaltura.com/ was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

A cookie associated with a cross-site resource at http://player.kaltura.com/ was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

A cookie associated with a cross-site resource at http://kaltura.com/ was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

A cookie associated with a cross-site resource at http://corp.kaltura.com/ was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

A cookie associated with a cross-site resource at https://site.kaltura.com/ was set without the SameSite attribute. A future release of Chrome will only deliver cookies with cross-site requests if they are set with SameSite=None and Secure. You can review cookies in developer tools under Application>Storage>Cookies and see more details at https://www.chromestatus.com/feature/5088147346030592 and https://www.chromestatus.com/feature/5633521622188032.

Is there any action I need to take in kaltura to resolve these warnings? It appears these will break when Chrome v80 is released(if I'm reading everything correctly)

Single-Page Application lifecycle

In the context of a SPA, can the player be destroyed/re-created on demand? or should we keep a single player instance?

What would be the best way to clear/restore the player as needed?

Ads time out issue

Hello,

I am using kaltura player V3 with a Samsung smart TV application. when i integrate the IMA plug-in with it to play ads sometimes the ad plays and sometimes i get this error [ [Ima] Non-fatal error occurred: VAST media file loading reached a timeout of 5 seconds. ] and this error stops the player from playing the content. i think if the ad failed to play the player should continue normally. Although i can't play skippable ads nor bumper added to ads.

Thanks,
Ahmed

Player's SEEKING event being fired after user seeks

Prerequisites
kalturaPlayer.addEventListener(kalturaPlayer.Event.SEEKING, (e) => { console.log('SEEKING'); });
kalturaPlayer.addEventListener(kalturaPlayer.Event.SEEKED, (e) => { console.log('SEEKED'); });
Expected behavior

kalturaPlayer.Event.SEEKING fires at the right moment the user starts moving/skipping the video and not along with kalturaPlayer.Event.SEEKED event.

Actual behavior

kalturaPlayer.Event.SEEKING fires when the user finishes moving/skipping the video, along with kalturaPlayer.Event.SEEKED event.

Error in console when playing ads

Prerequisites
  • Have you checked for duplicate issues: None
  • Which Plugin version are you using: 3.17.2 latest as of time of writing
  • Can you reproduce the issue with our latest release version: yes
  • Can you reproduce the issue with the latest code from master: yes
  • What browser and OS names and versions are you using: Safari 17.1, MacOs Sonoma
Expected behavior

What you expected to happen

Not seeing this error when an ad is played.

Actual behavior

What actually happened

Whenever an ad is player this error pops up. I need to understand it.

Console output
[Error] [FakeEventTarget] – "Error occurred when handling event: medialoaded."
TypeError: null is not an object (evaluating 'e._adsManager.updateAdsRenderingSettings')
(anonymous function) — ima.js:655
(anonymous function) — fake-event-target.js:95
(anonymous function) — fake-event-target.js:95
(anonymous function) — player.js:1833
r — event-manager.js:46
(anonymous function) — fake-event-target.js:95
(anonymous function) — player.js:2211
	n (48908322:19:1849)
	(anonymous function) (48908322:19:2444)
	invoke (48908322:19:1186)
	error (48908322:19:955)
	(anonymous function) (48908322:19:17138)
	(anonymous function) (48908322:19:17101)
	(anonymous function) (48908322:19:167622)
	r (48908322:19:17610)
	(anonymous function) (48908322:19:17101)
	(anonymous function) (48908322:19:177031)

Variable playback speed

Please add an option to the player to increase the playback speed similar to the one on YouTube.

Kava is missing in kaltura-player-js 1.11.1 OVP Player

After switching Kaltura Player from Version 0.54.0 to 1.11.1 Kava Plugin is not working.
Also in kaltura-ovp-player.js all Kava functions are missing.
Although the site https://github.com/kaltura/kaltura-player-js says kava is built in.
If the Kava JavaScript is loaded separately, Kava will also work.

<script type="text/javascript" src="/PATH/TO/FILE/playkit-kava.js"></script>
Expected behavior

Kava should be part of main kaltura-ovp-player.js

Actual behavior

Kava JavaScript must be loaded separately

Not showing webcam video on newrow smart room

Prerequisites
  • Have you checked for duplicate issues: None found
  • Which Plugin version are you using: kaltura-player-js 0.39.2
  • Can you reproduce the issue with our latest release version: N/A
  • Can you reproduce the issue with the latest code from master: N/A
  • What browser and OS names and versions are you using: Firefox on Linux
  • If applicable, add test code or test page to reproduce:
    https://smart.newrow.com/room
Expected behavior

Webcam video shown

Actual behavior

No webcam video shown. It keeps showing the loading spinner. Audio works fine.

Console output
NotSupportedError: The media resource indicated by the src attribute or assigned media provider object was not suitable.

and a lot of

Invalid URI. Load of media resource  failed.

error An unexpected error occurred: "Command \"build\" not found."

Ran

yarn run build
Expected behavior

A build to occour

Actual behavior

build failed.

Console output
$ yarn run build
yarn run v1.5.1
error An unexpected error occurred: "Command \"build\" not found.".
info If you think this is a bug, please open a bug report with the information p
rovided in "C:\\Users\\k1619153\\Desktop\\working\\kaltura-player-js\\yarn-error
.log".
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this comm
and.

I noticed in package there is only build:ovp and build:ott but neither of these seemed to be working. I'm using node version 8.9.1

Chromcast does not work after playing it once and trying it on another video

Prerequisites
  • [ ✓] Have you checked for duplicate issues: ______
  • Which Plugin version are you using: ______
  • [✓ ] Can you reproduce the issue with our latest release version: ______
  • Can you reproduce the issue with the latest code from master: ______
  • [✓ ] What browser and OS names and versions are you using: Chrome
  • [✓ ] If applicable, add test code or test page to reproduce:
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h1>Kaltura Test</h1>
    <div id="kaltura_player_969502727" style="width: 560px; height: 395px;"></div>


    <button onclick="runPlayer('0_1u2783i2')">Entry Test 1</button>
    <button onclick="runPlayer('0_pqrr5dc8')">Entry Test 2</button>
    <button onclick="runPlayer('0_4sk443pu')">Entry Test 3</button>
</body>
<script type="text/javascript" src="https://cdnapisec.kaltura.com/p/2454391/embedPlaykitJs/uiconf_id/43734881"></script>

<script>
    var kalturaPlayer;
    function runPlayer(entryIdParam) {
        try {
        if (kalturaPlayer && kalturaPlayer.destroy) {
            kalturaPlayer.destroy();
        }
         var entryId = entryIdParam;
         kalturaPlayer = KalturaPlayer.setup({
           targetId: "kaltura_player_969502727",
           provider: {
             partnerId: 2454391,
             uiConfId: 43734881,
           },
         });
         kalturaPlayer.loadMedia({ entryId: entryId });
         console.log(kalturaPlayer);
       } catch (e) {
         console.error(e.message);
       }
    }
</script>
</html>
Expected behavior

To be able to use Chromcast on a video when the chromcast is available.

Actual behavior

When I play the video for the first time (example 1 or 2 or 3) The casting option is available and it casts. when I stop casting and switch to another video the casting option is no longer available unless I reload the page. We have andorid / IOS apps that works perfectly using kaltura sdks and casting.

Console output

Iframe embed: Cannot read property 'capabilities' of null

Hello,

I'm trying to integrate a video on a Next.js project by iframe way, here the code I have in html:

<iframe id="kaltura_player_1621337976" src="https://cdnapisec.kaltura.com/p/3444703/sp/344470300/embedIframeJs/uiconf_id/47937313/partner_id/3444703?iframeembed=true&playerId=kaltura_player_1621337976&entry_id=1_6tyuujvb" width="400" height="333" allowfullscreen webkitallowfullscreen mozAllowFullScreen allow="autoplay *; fullscreen *; encrypted-media *" frameborder="0" itemprop="video" itemscope itemtype="http://schema.org/VideoObject"> <span itemprop="name" content="Personal Capture Walkthrough "></span> <span itemprop="description" content="Learn how to use Kaltura's Personal Capture."></span> <span itemprop="duration" content="218"></span> <span itemprop="thumbnailUrl" content="https://cfvod.kaltura.com/p/3444703/sp/344470300/thumbnail/entry_id/1_6tyuujvb/version/100011"></span> <span itemprop="uploadDate" content="2021-05-14T06:16:10.000Z"></span> <span itemprop="width" content="400"></span> <span itemprop="height" content="333"></span> </iframe>

I have the following error that i attach below:

Schermata 2021-05-18 alle 13 30 21

Schermata 2021-05-18 alle 13 30 05

Look like something about permissions, but on the platform I have everything configured as open:

Schermata 2021-05-18 alle 13 32 04

Any suggestions?

Thank you

How can I invoke player action in Kaltura player V7? and dispatch event?

Prerequisites

Actually I wanted to upgrading the current Kaltura player V2 to V7.
I remembered in V2 there is a function called sendNotification that we used to invoke player action. For example:

player.sendNotification('doPlay')
player.sendNotification('doSeek', 10)

So, how can I invoke player action in V7?
Also I have another question related to the player events.

The document mentioned that I should use the dispatchEvent with FakeEvent in order to dispatch a particular event.

kalturaPlayer.addEventListener(kalturaPlayer.Event.Core.PLAYING, (e) => {
      console.log('playing ', e.target)
})

kalturaPlayer.dispatchEvent(new FakeEvent(kalturaPlayer.Event.Core.PLAYING))

When I dispatch a particular it gives error that FakeEvent is not defined

How can I solve these problems? I really appreciate your response. Thank you

Failed to stream on LG Smart TV

hello,
we implemented kaltura-player-js in our LG smart TV webapp, And every videos worked fine for sometimes but lately we started to get this error and the video sometimes play and sometimes not here is the error:

[DashAdapter] {severity: 2, category: 3, code: 3015, data: Array[1], handled: false}
DOMException: Failed to execute 'appendBuffer' on 'SourceBuffer': This SourceBuffer has been removed from the parent media source.

We use Drm in our solution
Testing Device:
LG Smart TV model 2017 FHD

we need to understand why we getting this error and how can we fix it fro
m our side if it's possible. Bytheway when we run this app on chrome browser we don't get this error at all.

Thanks in advance.

Screen Shot 2021-06-16 at 12 21 54 PM

advertising Android tv

I have an application running on Android tv developed by javascript and html and wrapped with Cordova i have no issue playing any videos but when i am trying to advertise the player crash

the player config:
var config = {
...
flashvars: {
kava: {
plugin: false
},
ima: {
plugin: false
}
},
plugins: {
ima: {}
},
advertising: {
adBreaks: [ {
position: 5,
ads: [{
url: [ad_url]
}]
}]
}
....
}

when i run it on normal browser the ad works fine the problem happens only on android TV
and i get this error
/////
[FakeEventTarget] Error occurred when handling event: medialoaded. TypeError: Cannot read properties of null (reading 'updateAdsRenderingSettings')
at r. (ima.js:655)
at r.t.dispatchEvent (fake-event-target.js:95)
at r. (kaltura-player.js:112)
at r.t.dispatchEvent (fake-event-target.js:95)
at e. (player.js:1832)
at r (event-manager.js:46)
at r.t.dispatchEvent (fake-event-target.js:95)
at player.js:2198
/////

Does any one has an explanation why this is happening? thanks in advance.

actionButtons?

In the kwidget we used the actionButtons extensively to display a custom template on the end of a sample playback. What would be the equivalent functionality with the new KalturaPlayer? I've looked into the PLAYBACK_ENDED event but I don't see any examples on how this might work for a custom html template. Below is roughly similar to what we have been doing.

http://player.kaltura.com/modules/CallToAction/tests/ActionButtons.qunit.html

IMA interface can't be localized

Prerequisites
  • Have you checked for duplicate issues
  • Which Plugin version are you using: 0.37.3
  • Can you reproduce the issue with our latest release version
  • Can you reproduce the issue with the latest code from master
  • What browser and OS names and versions are you using:
    • Chrome 71.0.3578.98 | macOS 10.14.2
Expected behavior

IMA SDK localizes its interface based on the UI locale set on the video player configuration.

Actual behavior

IMA SDK always displays its interface in English.

Link in Monitoring Player States page returns 404

Bad link can be found in this page in this line line:
"The player supports a number of player state types. You'll find a detailed list of player types here. "

Prerequisites
  • Have you checked for duplicate issues: ______
  • Which Plugin version are you using: ______
  • Can you reproduce the issue with our latest release version: ______
  • Can you reproduce the issue with the latest code from master: ______
  • What browser and OS names and versions are you using: ______
  • If applicable, add test code or test page to reproduce:
Paste test code here
Expected behavior

What you expected to happen

Actual behavior

What actually happened

Console output
Paste the contents of the browser console here.

'Autopause = false' on iOS mobile browser doesn't work

Prerequisites
  • Have you checked for duplicate issues:
  • Which Plugin version are you using: I used dynamic embedded code.

I used Kaltura audio player and I tested on iOS browser.
When the audio started playing and I then I left the browser and then the audio stopped playing.
I wanted audio to keep playing so that even user locks screen, user can still also able to control the audio by the default iOS audio player UI when the screen is locked.

    this.config = {
            "log": {
                "level": 'OFF'
            },
            "targetId": "player-placeholder",
            "ui": {
                "css": "./css/player.css",
                "components": {
                },
                "settings": {
                    "showSpeedMenu": true,
                }
            },
            "provider": {
                "partnerId": 3165083, 
                "uiConfId": 53939702,
                "ks": ks
            },
            "playback": {
                "playbackRates": [
                    0.5,
                    1,
                    1.5,
                    2,
                ],
                "autopause": false,
                "autoplay": true,
                "allowMutedAutoPlay": true,
                "muted": false,
            }
      }

I also used autoplay = true when the media is loaded but I the iOS audio default UI didn't display the audio information and I couldn't control the player from there.
I had to click on the pause and play again on the Kaltura audio player and then the iOS audio default UI appears.

Expected behavior

When user leaves the browser, the audio supposes to keep playing and user is able to control the audio player when the screen is locked.
When the audio starts playing, user also able to control the audio player by the iOS default UI when the screen is locked.

Actual behavior

When leaving the browser the audio stops playing and cannot control audio player by iOS default UI,.

Playback speed resets upon seeking to another time or pausing/playing video

I am a user under an org who uses this program, and I can't find specific release info. However: I am experiencing an issue where pausing or seeking to another time in a video will reset the playback speed to the original.

Prerequisites
  • No duplicate issues exist.
  • Plugin version: unsure
  • Can you reproduce the issue with our latest release version: __
  • Can you reproduce the issue with the latest code from master: __
  • What browser and OS names and versions are you using: __
  • If applicable, add test code or test page to reproduce:
Expected behavior

Pausing and seeking will not change the set playback rate.

Actual behavior

Pausing and seeking changes playback rate without specifically changing that setting.

Add configurable playback rates

Prerequisites
  • Have you checked for duplicate issues: yes
  • Which Plugin version are you using: 0.41.1
  • Can you reproduce the issue with our latest release version: yes
  • Can you reproduce the issue with the latest code from master: yes
  • What browser and OS names and versions are you using:
  • If applicable, add test code or test page to reproduce:
Expected

I'd love to see a playbackRates config option to support more rates than currently available.

KalturaPlayer.setup({
    playback: {
        playbackRates: [0.25, 0.5, 1, 1.25, 1.5]
    }
});
Actual

The current playback rates are hardcoded to 0.5, 1, 2, 4

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.