forceTouchUI setting not affecting UI change
dseeker opened this issue · comments
I'm not sure this is the correct place for this issue, but I can see the config object on the player is parsing the config object correctly and the behavior is not changing, leading me to suspect it could be coming from this library
Prerequisites
https://cdnapisec.kaltura.com/p/2031841/embedPlaykitJs/uiconf_id/46946323
/**
* Bundle builder v1.3.0
* Created at Fri Aug 27 2021 04:42:49 GMT-0400 (EDT)
* -------------------
* Kaltura Player lib
* kaltura-ovp-player v1.11.1
* playkit-airplay v1.1.2
* playkit-cast-sender v1.2.2
* playkit-ima v1.3.3
* playkit-ima-dai v1.2.2
* playkit-kava v1.2.0
* playkit-offline-manager v1.2.0
*/
Windows Chrome, Firefox (perhaps all)
ui: {
forceTouchUI: true,
components: {
logo: {
img: 'https://img....
Expected behavior
UI to switch to mobile friendly version on any browser/device
previous V2 mobile UI
Actual behavior
Player UI remains unchanged, the subtitle/audio and jump buttons are too small
Console output
9dd9f1c.js:2 -> $route.params.event undefined
9dd9f1c.js:2 -> Init WATCHED true {…}
9dd9f1c.js:2 kaltura-player-js 1.11.1
9dd9f1c.js:2 For more details see https://github.com/kaltura/kaltura-player-js
9dd9f1c.js:2 [global_contrib] [contrib-ui::PresetItem('preset-manager').constructor()] created item preset-manager
9dd9f1c.js:2 [global_contrib] [contrib-ui::PresetItem('upper-bar-manager').constructor()] created item upper-bar-manager
9dd9f1c.js:2 [global_contrib] [contrib-ui::PresetItem('floating-manager').constructor()] created item floating-manager
9dd9f1c.js:2 [global_contrib] [contrib-ui::PresetItem('floating-manager').constructor()] created item floating-manager
9dd9f1c.js:2 [global_contrib] [contrib-ui::PresetItem('floating-manager').constructor()] created item floating-manager
9dd9f1c.js:2 [global_contrib] [contrib-ui::PresetItem('overlay-manager').constructor()] created item overlay-manager
9dd9f1c.js:2 [global_contrib] [contrib-ui::PresetItem('kitchen-sink-right').constructor()] created item kitchen-sink-right
9dd9f1c.js:2 [global_contrib] [contrib-ui::PresetItem('kitchen-sink-bottom').constructor()] created item kitchen-sink-bottom
9dd9f1c.js:2 [global_contrib] [contrib-ui::PresetItem('kitchen-sink-adapter').constructor()] created item kitchen-sink-adapter
9dd9f1c.js:2 [PluginManager] Plugin <airplay> loading failed, plugin is not registered
(9dd9f1c.js:2 [Error] Category:7 | Code:7003 | airplay
(9dd9f1c.js:2 -> kalturaPlayer e {_translations: {…}, _locale: "en", _uiComponents: Array(0), player: r, targetId: "_k8k01", …}
9dd9f1c.js:2 [global_contrib] [contrib-ui::ManagedComponent('floating-manager').componentDidMount()] mount component
9dd9f1c.js:2 [global_contrib] [contrib-ui::ManagedComponent('floating-manager').componentDidMount()] mount component
9dd9f1c.js:2 [UI KEYBOARD_PROVIDER] Combination of key 32 altKey false ctrlKey false
metaKey false shiftKey false already exist
(9dd9f1c.js:2 [global_contrib] [contrib-ui::ManagedComponent('floating-manager').componentDidMount()] mount component
9dd9f1c.js:2 [global_contrib] [contrib-ui::UpperBar().componentDidMount()] mount component
9dd9f1c.js:2 [global_contrib] [contrib-ui::ManagedComponent('upper-bar-manager').componentDidMount()] mount component
9dd9f1c.js:2 [global_contrib] [contrib-ui::UIPlayerAdapter().componentDidMount()] mount component
9dd9f1c.js:2 [global_contrib] [contrib-ui::ManagedComponent('overlay-manager').componentDidMount()] mount component
9dd9f1c.js:2 [global_contrib] [contrib-ui::KitchenSinkAdapter().componentDidMount()] mount component
9dd9f1c.js:2 [global_contrib] [contrib-ui::KitchenSinkContainer().componentDidMount()] mount component
9dd9f1c.js:2 [global_contrib] [contrib-ui::ManagedComponent('kitchen-sink-manager').componentDidMount()] mount component
9dd9f1c.js:2 [global_contrib] [contrib-ui::KitchenSinkContainer().componentDidMount()] mount component
9dd9f1c.js:2 [global_contrib] [contrib-ui::ManagedComponent('kitchen-sink-manager').componentDidMount()] mount component
9dd9f1c.js:2 [PluginManager] Plugin <airplay> loading failed, plugin is not registered
(9dd9f1c.js:2 [Error] Category:7 | Code:7003 | airplay
(9dd9f1c.js:2 [PluginManager] Plugin <airplay> loading failed, plugin is not registered
(9dd9f1c.js:2 [Error] Category:7 | Code:7003 | airplay
(9dd9f1c.js:2 [PrebidManager] Prebid SDK failed to load
(Promise.catch (async)
(9dd9f1c.js:2 -> playhead 0
9dd9f1c.js:2 -> event PLAYHEAD-0 {name: "player-all", meta: {…}, path: "/player/37c6e379-27c7-44de-9da9-72f4c3246408/1972094000018764137/1972094000018791003", hash: "", query: {…}, …}
9dd9f1c.js:2 -> playerEvent loading television
9dd9f1c.js:2 -> Event Sent {params: {…}, update: {…}, took: "39 ms", event: "PLAYHEAD"}
9dd9f1c.js:2 [ExternalCaptionsHandler] duplicated language, taking the inband option. Language: en
(9dd9f1c.js:2 [ExternalCaptionsHandler] duplicated language, taking the inband option. Language: de
(9dd9f1c.js:2 [ExternalCaptionsHandler] duplicated language, taking the inband option. Language: da
(9dd9f1c.js:2 [ExternalCaptionsHandler] duplicated language, taking the inband option. Language: no
(9dd9f1c.js:2 [ExternalCaptionsHandler] duplicated language, taking the inband option. Language: nl
(9dd9f1c.js:2 [ExternalCaptionsHandler] duplicated language, taking the inband option. Language: es
(9dd9f1c.js:2 [ExternalCaptionsHandler] duplicated language, taking the inband option. Language: sv
(9dd9f1c.js:2 [global_contrib] [contrib-ui::FloatingItem('Hotspots').constructor()] created item Hotspots
9dd9f1c.js:2 [global_contrib] [contrib-ui::ManagedComponent('Hotspots').componentDidMount()] mount component
9dd9f1c.js:2 [Ima] VpaidMode is not set, setting to ENABLED
(ima3.js:72 Origin trial controlled feature not enabled: 'trust-token-redemption'.
(9dd9f1c.js:2 -> player messageCallBack undefined
9dd9f1c.js:2 -> player messageCallBack undefined
9dd9f1c.js:2 -> player messageCallBack undefined
9dd9f1c.js:2 -> playerEvent paused television
9dd9f1c.js:2 -> event PAUSED-0 {name: "player-all", meta: {…}, path: "/player/37c6e379-27c7-44de-9da9-72f4c3246408/1972094000018764137/1972094000018791003", hash: "", query: {…}, …}
9dd9f1c.js:2 -> kalturaPlayer.Event playerLoaded 3138
9dd9f1c.js:2 -> Event Sent {skip: true, took: "0 ms", event: "PAUSED"}
9dd9f1c.js:2 -> completed 56
9dd9f1c.js:2 -> playhead 3140
9dd9f1c.js:2 -> event PLAYHEAD-3140 {name: "player-all", meta: {…}, path: "/player/37c6e379-27c7-44de-9da9-72f4c3246408/1972094000018764137/1972094000018791003", hash: "", query: {…}, …}
9dd9f1c.js:2 -> player messageCallBack undefined
9dd9f1c.js:2 -> Event Sent {params: {…}, update: {…}, took: "20 ms", event: "PLAYHEAD"}
9dd9f1c.js:2 -> playerEvent playing television
9dd9f1c.js:2 [global_contrib] [contrib-ui::FloatingItem('Hotspots').add()] add item to player
9dd9f1c.js:2 -> playerEvent paused television
9dd9f1c.js:2 -> event PAUSED-3139 {name: "player-all", meta: {…}, path: "/player/37c6e379-27c7-44de-9da9-72f4c3246408/1972094000018764137/1972094000018791003", hash: "", query: {…}, …}
9dd9f1c.js:2 -> Event Sent {params: {…}, update: {…}, took: "25 ms", event: "PAUSED"}
Hi @dseeker,
Thank for you reporting an issue and helping improve Kaltura!
To get the fastest response time, and help the maintainers review and test your reported issues or suggestions, please ensure that your issue includes the following (please comment with more info if you have not included all this info in your original issue):
- Is the issue you're experiencing consistent and across platforms? or does it only happens on certain conditions?
please provide as much details as possible. - Which Kaltura deployment you're using: Kaltura SaaS, or self-hosted?
If self hosted, are you using the RPM or deb install? - Packages installed.
When using RPM, paste the output for:
# rpm -qa \"kaltura*\"
For deb based systems:
# dpkg -l \"kaltura-*\"
- If running a self hosted ENV - provide the MySQL server version used
- If running a self hosted ENV - is this a single all in 1 server or a cluster?
- If running a self hosted ENV, while making the problematic request, run:
# tail -f /opt/kaltura/log/*.log /opt/kaltura/log/batch/*.log | grep -A 1 -B 1 --color \"ERR:\|PHP\|trace\|CRIT\|\[error\]\"
and paste the output.
- When relevant, provide any screenshots or screen recordings showing the issue you're experiencing.
For general troubleshooting see:
https://github.com/kaltura/platform-install-packages/blob/Jupiter-10.13.0/doc/kaltura-packages-faq.md#troubleshooting-help
If you only have a general question rather than a bug report, please close this issue and post at:
http://forum.kaltura.org
Thank you in advance,
@dseeker this is the expected behavior of this player.
Note the play/pause moved from the bottom bar to the center, and click the captions/settings - the options are in an overlay instead of a dropdown.