v2.0.0-beta3

Fix an issue that Vue got a duplicated import inside the other project.

v2.0.0-beta2

You can now access window.bytearkPlayer.byisBrowserSupportDrm() function.

You are reminded that ByteArk Player Container v2 was made for Vue 3.

v1.0.0-beta26

You can now access window.bytearkPlayer.byisBrowserSupportDrm() function.

You are reminded that ByteArk Player Container v1 was made for Vue 2.

2.0.0-beta1

ByteArk Player Container v2 makes for Vue 3.x

Since Vue 3 is not backward compatible, please make sure to install the correct ByteArk Player Container version based on your Vue version.

Vue Version	Package Version
2.x	1.x
3.x	2.x

1.0.0-beta23

It is recommended to upgrade ByteArk Player Vue to this version.

Changelog

• Add lazyload feature. For more information, please refer to the documentation.
• Fix security issues caused by sub-dependencies.

1.0.0-beta22

It is recommended to upgrade ByteArk Player Vue to this version.

Changelog

• Fix an issue that video was overflowing from its container using fill layout.
• Fix a visible video stretching state on loading.
• Other miscellaneous coding improvements.

1.0.0-beta21

Changelog

• Some event now returns its value, please refer to the documentation.
• Player listeners will be attached only if they've been listening.
• Fix security vulnerabilities by updating dependencies.
• Update documentation links.

1.0.0-beta20

• Republish to npm.

1.0.0-beta19

Attention

@onready event is deprecated since this version. Please use @ready instead. For more information, please refer to the documentation.

Changelog

ByteArk Player now emits the following events:

• ready
• firstplay
• play
• pause
• ended
• timeupdate
• seeking
• waiting
• fullscreenchange
• volumechange
• ratechange
• enterpictureinpicture
• leavepictureinpicture
• error

We also updated the demo page.

1.0.0-beta17

Attention: This release affects the advanced usages of the player.

In the earlier releases of byteark-player-vue, you are required to pass a callback function as a prop in case you want to override or customize how the player behaves.
In this release, instead of passing as a prop, the player then emits the values back to your callback function.

This is an example of the custom onReady function passed to the earlier version of byteark-player-vue.

<ByteArkPlayerContainer
    :onReady="onReady"
    :options="playerOptions" />

In this release, and so on, you can now get the values without passing the function.

<template>
  <ByteArkPlayerContainer
      @onReady="onReady"
      :options="playerOptions" />
</template>

<script>
export default {
  ...
  methods: {
    onReady(newPlayerInstance) {
      this.playerInstance = newPlayerInstance;
    },
  },
};
</script>

If you're using the player with custom callbacks, please check our documentation to make sure what has changed.

The callback functions that were affected:

• onPlayerCreated
• onPlayerLoadingError
• onReady