add samples

Signed-off-by: Nester.zhou <ester.zhou@huawei.com>

en/application-dev/ui/ui-js-animate-transform.md

@@ -591,10 +591,10 @@ You can set multiple transform attributes at the same time to apply different tr
 
 The following samples are provided to help you better understand how to develop animations with the **transform** attribute: 
 
-- [`JsAnimation`: Animation App (JavaScript)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsAnimation)
-- [`JsAnimationStyle`: JS Animation and Custom Font Styles (API 7)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsAnimationStyle)
+- [`JsAnimation`: Animation App (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsAnimation)
+- [`JsAnimationStyle`: JS Animation and Custom Font Styles (API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsAnimationStyle)
 
-- [`Clock`: Clock (JavaScript, API 7)](https://gitee.com/openharmony/app_samples/tree/master/common/Clock)
+- [`Clock`: Clock (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/common/Clock)
 
 - [Animation Styles (JavaScaript)](https://gitee.com/openharmony/codelabs/tree/master/JSUI/AnimationDemo)
 

en/application-dev/ui/ui-js-building-ui-component.md

@@ -23,13 +23,14 @@ Components can be classified into the following types based on their functions.
 
 The following samples are provided to help you better understand how to develop components: 
 
-- [`JsPanel`: Content Display Panel (JavaScript, API 7)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsPanel)
-- [`Popup`: JavaScript Bubble (API 7)](https://gitee.com/openharmony/app_samples/tree/master/UI/Popup)
-- [`RefreshContainer`: Refresh Container (JavaScript, API 7)](https://gitee.com/openharmony/app_samples/tree/master/UI/RefreshContainer)
+- [`JsPanel`: Content Display Panel (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsPanel)
+- [`Popup`: JavaScript Bubble (API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/Popup)
+- [`RefreshContainer`: Refresh Container (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/RefreshContainer)
 - [`JSComponments`:  JavaScript Bubble (API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JSComponments)
 - [`JsUserRegistration`: User Registration (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsUserRegistration)
 - [`ECG`: Heart Rate Detection (JavaScript, API 7)](https://gitee.com/openharmony/app_samples/tree/master/common/ECG)
 
-- [`Badge`: Badge (JavaScript, API 7)](https://gitee.com/openharmony/app_samples/tree/master/UI/Badge)
+- [`Badge`: Badge (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/Badge)
+- [`JsVideo`: JsVideo (API 8)](https://gitee.com/openharmony/app_samples/tree/master/media/JsVideo)
 - [Rating (JavaScript)](https://gitee.com/openharmony/codelabs/tree/master/JSUI/RatingApplication)
 - [Simple Video Player](https://gitee.com/openharmony/codelabs/tree/master/Media/VideoOpenHarmony)

en/application-dev/ui/ui-js-building-ui-routes.md

@@ -94,4 +94,4 @@ The figure below shows the effect.
 
 The following sample is provided to help you better understand how to develop page routing: 
 
-[`JsRouter`: Page Routing (JavaScript, API 7)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsRouter)
+[`JsRouter`: Page Routing (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsRouter)
\ No newline at end of file

en/application-dev/ui/ui-js-component-tabs.md

@@ -326,4 +326,4 @@ export default {
 
 The following sample is provided to help you better understand how to develop the **<tabs>** component:
 
-[`Tabs`: Tabs (JavaScript, API 7)](https://gitee.com/openharmony/app_samples/tree/master/UI/Tabs)
+[`Tabs`: Tabs (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/Tabs)
\ No newline at end of file

en/application-dev/ui/ui-js-components-canvas.md

@@ -144,5 +144,5 @@ export default {
 
 The following sample is provided to help you better understand how to develop the **\<canvas>** component:
 
-[`JsCanvas`: \<canvas> (JavaScript, API 7)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsCanvas)
+[`JsCanvas`: \<canvas> (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsCanvas)
 

en/application-dev/ui/ui-js-components-chart.md

@@ -620,4 +620,4 @@ export default {
 
 The following sample is provided to help you better understand how to develop the **<chart>** component:
 
-[`Chart`: chart (JavaScript, API 7)](https://gitee.com/openharmony/app_samples/tree/master/UI/chart)
+[`Chart`: chart (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/chart)
\ No newline at end of file

en/application-dev/ui/ui-js-components-dialog.md

@@ -333,4 +333,4 @@ export default {
 
 The following sample is provided to help you better understand how to develop the **<dialog>** component:
 
-[`JsDialog`: JS Dialog Box (API 7)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsDialog)
+[`JsDialog`: JS Dialog Box (API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsDialog)
\ No newline at end of file

en/application-dev/ui/ui-js-components-grid.md

@@ -247,4 +247,4 @@ export default {
 
 The following sample is provided to help you better understand how to develop the **\<grid>** component:
 
-[`JsGrid`: grid (JavaScript, API 7)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsGrid)
+[`JsGrid`: grid (JavaScript, API 8)](https://gitee.com/openharmony/app_samples/tree/master/UI/JsGrid)
\ No newline at end of file