0.11.0

We support Picture-in-Picture Api in this version. If you don't know what Picture-in-Picture Api is, you can watch the demo make from Google Chrome.

We support the basic Api below:

1. requestPictureInPicture
2. exitPictureInPicture

You can enter/leave the Picture-In-Picture mode through the apis above. They will trigger events below.

1. enterpictureinpicture
2. leavepictureinpicture

If you want to know whether your instance is in Picture-In-Picture mode, you can detect it through inPictureInPictureMode attribute.

On the browsers which don't support Picture-In-Picture mode, we will fallback to a canvas render.

0.10.6

• add index.esm.js to fix #142

You can see the demo in https://github.com/Chimeejs/chimee/tree/master/demo/esm-import

0.10.5

• fix x5-video-player-type do not work bug (Chimeejs/chimee-mobile-player#22)

0.10.4

• fix load method ignore video event bug(#136)

0.10.3

• optimize load function to prevent too muck kernel switch

0.10.2

• fix bug caused by autoload switch kernel (#133)

0.10.1

• add noDefaultContextMenu

If you want to disable the native context menu of the video. You can set this variable on user config.

import Chimee from `chimee`;

new Chiee({
  wrapper: 'chimee',
 noDefaultContextMenu: true,
});

We will prevent the default context menu of video to show.

Also, you can pass in container and wrapper too. We will disable the context menu inside the dom node.

Thanks for #112

0.10.0-alpha.11

• fix bug which user can not listen on mouseenter and mouseleave on container

0.10.0

In 0.10.0, we make a big refactor on the events system which can help us to solve the problem described in #106 and #102.

We introduce event options. It's the key to use the new event system.

event options

We now can pass in event option to provide more info for event.

The event options including two parameter, target and stage, they are both optional.

target

target means the target you need to listen on, you can value below.

'kernel' | 'container' | 'wrapper' | 'video' | 'video-dom' | 'plugin' | 'esFullscreen'

For example, you used to listen on container by c_.

// what you used to do
player.on('c_click', event => console.log(event));

// what you can do now
player.on('click', event => console.log(event),  { target: 'container' });

stage

stage means the event stage, it includes 'before' | 'main' | 'after' | '_'

so you can listen on before play event like this:

// what you used to do
player.on('beforePlay', event => console.log(event));

// what you can do now
player.on('play', event => console.log(event), { stage: 'before' });

emit

So you can clarify the target of your event emit.

player.emit({
  name: 'click',
  target: 'container',
});

registerEvents

In some situation, the developer may create their own kernel events. So we provide a new interface for developer to register events.

But we can just register kernel events now.

import Chimee from 'chimee'

Chimee.registerEvents({
  name: 'test',
  target: 'kernel',
});

chimee-kernel

We have merged chimee-kernel into chimee. That make chimee's layer clearer and easier to understand.

useStyleFullscreen

In some situation, the browser's fullscreen api do not perform well. We can use css to simulate fullscreen. You can just set useStyleFullscreen to be true like this:

Chimee.config.useStyleFullscreen = true;

dynamic $autoFocus

You can change plugin's autoFocus setting whenever you want now.

New immediate seek on silentload

We will seek to the current time when you are using silentload with immediate as true.

panorama

We published chimee-plugin-panaroma to help you play panorama video. (#66)

You can see the demo on https://chimeejs.github.io/chimee-plugin-panorama/

0.10.0-alpha.10

• fixed penetrate event binding bug (#128)