docs(en): fix typos and improve wording (#980)

This commit is contained in:
Harvey Zhao authored and GitHub committed 2025-06-20 09:53:34 +08:00
1 parent c81b1ec83b
commit 68d00e0166
4 files changed
+11 -13

No files matched your search

@@ -314,7 +314,7 @@ Manage the subtitle features of the player
- `switch` method sets the current subtitle address and options
- `textTrack` Get the current subtitle track
- `activeCues` Get the currently active subtitle list
- `cues` Get the the subtitle list
- `cues` Get the subtitle list
<div className="run-code">▶ Run Code</div>
@@ -2,7 +2,7 @@
Once you know the player's `properties`, `methods`, and `events`, writing plugins is very simple.
You can load the plugin functions when instantiated.
You can load plugin functions during instantiation.
<div className="run-code">▶ Run Code</div>
@@ -28,9 +28,7 @@ art.on('ready', () => {
console.info(art.plugins.myPlugin);
});
```
Here's the translation of the provided text into English while preserving the Markdown formatting:
A function that allows loading plugins after instantiation
You can also load plugins after instantiation:
<div className="run-code">▶ Run Code</div>
@@ -38,7 +38,7 @@ var art = new Artplayer({
settings: [
{
html: 'Button',
icon: '<img width="22" heigth="22" src="/assets/img/state.svg">',
icon: '<img width="22" height="22" src="/assets/img/state.svg">',
tooltip: 'tooltip',
onClick(item, $dom, event) {
console.info(item, $dom, event);
@@ -189,7 +189,7 @@ var art = new Artplayer({
{
html: 'PIP Mode',
tooltip: 'Close',
icon: '<img width="22" heigth="22" src="/assets/img/state.svg">',
icon: '<img width="22" height="22" src="/assets/img/state.svg">',
switch: false,
onSwitch: function (item, $dom, event) {
console.info(item, $dom, event);
@@ -257,7 +257,7 @@ art.setting.show = true;
art.setting.add({
html: 'Slider',
tooltip: '5x',
icon: '<img width="22" heigth="22" src="/assets/img/state.svg">',
icon: '<img width="22" height="22" src="/assets/img/state.svg">',
range: [5, 1, 10, 1],
});
```
@@ -277,7 +277,7 @@ var art = new Artplayer({
name: 'slider',
html: 'Slider',
tooltip: '5x',
icon: '<img width="22" heigth="22" src="/assets/img/state.svg">',
icon: '<img width="22" height="22" src="/assets/img/state.svg">',
range: [5, 1, 10, 1],
},
],
@@ -306,7 +306,7 @@ var art = new Artplayer({
name: 'slider',
html: 'Slider',
tooltip: '5x',
icon: '<img width="22" heigth="22" src="/assets/img/state.svg">',
icon: '<img width="22" height="22" src="/assets/img/state.svg">',
range: [5, 1, 10, 1],
},
],
@@ -321,7 +321,7 @@ art.on('ready', () => {
name: 'slider',
html: 'PIP Mode',
tooltip: 'Close',
icon: '<img width="22" heigth="22" src="/assets/img/state.svg">',
icon: '<img width="22" height="22" src="/assets/img/state.svg">',
switch: false,
});
}, 3000);
@@ -72,7 +72,7 @@ The player's size depends on the size of the container `container`, so your cont
:::
::: tip You can see more examples of use at the following link
::: tip You can find more usage examples at the link below
[/packages/artplayer-template](https://github.com/zhw2590582/ArtPlayer/tree/master/packages/artplayer-template)
@@ -219,7 +219,7 @@ export default App;
```
:::
::: warning Non-responsive Artplayer:
::: warning Non-responsive Artplayer
In `React.js`, directly modifying the `option` will not change the player