Button fullscreen error on Mac OS

Support
1

Hi Brothers,

I am using bitmovin player to play DRM content. The player is perfect. My framework is Vue 3 + Tauri. I build desktop app.

Everything works fine except on Mac Os, the button fullscreen not work on Tauri App although this button is still rendered in UI as attached.
When click button, the error is: InvalidStateError: The object is in an invalid state.
My Mac OS is: Monterey 12.6.7.

On Windows, this problem not happen.
I don’t have any difference about my bitmovin config between Mac OS and Window.
The only thing defference is DRM config because in Window I run playready, on Mac OS I run Fairplay. But I don’t think this could make issue about fullscreen button.

356708478_1025657565050752_2750427668493309971_n
356708478_1025657565050752_2750427668493309971_n851×688 58.9 KB

Here is my code:

var config = {
      key: 'my-key',
      playback: {
        muted: true,
        autoplay: true,
      },
};

var source = {
      title: 'Default Demo Source Config',
      description:
        'Select another example in "Step 4 - Load a Source" to test it here',
      dash: url,
      drm: {my drm config}
};

var player = new bitmovin.player.Player(
      document.getElementById('player'),
      config ,
);

await player.load(source)
...do something after played success
2

Hi @vanminhquangtri , thanks for your question. Can you please share the version of Bitmovin player being used?

If trying with an older version, then can you please retry with latest Bitmovin player version 8.125.1 and check if the issue persists?

3

Hello @lucky.goyal ,
I change to version 8.125.1 but problem still happen.
I import your library from link: https://cdn.bitmovin.com/player/web/8.125.1/bitmovinplayer.js

<script
      src="https://cdn.bitmovin.com/player/web/8.125.1/bitmovinplayer.js"
      type="text/javascript"
    >
</script>
4

@lucky.goyal I also tried to use npm package instead of add script tag, but the fullscreen button I still not work on Mac OS Tauri App. I installed version 8.125.1 as your advised.

import { Player } from 'bitmovin-player';

var player = new Player(
      document.getElementById('player'),
      config,
);

… the rest of codes…

5

Thanks for trying out the suggestions. Can you please test the behaviour on Safari browser on Mac using Bitmovin test player https://bitmovin.com/demos/stream-test?

6

Hello @lucky.goyal ,

As I test, my browser working no problem. Please this screen recorder.

7

Hi @lucky.goyal
I also test the link in Tauri App. The button fullscreen also NOT work in Tauri App. It only work in browser. The error is same as before: InvalidStateError: The object is in an invalid state.

Screen Shot 2023-07-19 at 09.06.24
Screen Shot 2023-07-19 at 09.06.241919×908 99.9 KB

8

@lucky.goyal
I fixed the problem. This is related to Tauri config, not about bitmovin. Thanks.

9

This topic was automatically closed 60 minutes after the last reply. New replies are no longer allowed.

10

Hi @vanminhquangtri , glad that you found the solution and thanks for sharing the the solution here, it will help other community members who wish to develop app using Tauri framework :+1:

1 Like