diff --git a/README.en.md b/README.en.md index 51101a29ce746e01518ce665577de05690470f5a..c8e876e6624cf7c9783f63482b9bb6a3adff7832 100644 --- a/README.en.md +++ b/README.en.md @@ -2,7 +2,7 @@ ### Introduction -This codelab implements a short video app based on the adaptive layout and responsive layout, achieving one-time development for multi-device deployment. It uses the three-layer project architecture for code reuse and tailors the pages to different device sizes such as mobile phones, foldable phones, tablets, and 2-in-1 devices. +This codelab implements a short video app based on the adaptive layout and responsive layout, achieving one-time development for multi-device deployment. It uses the three-layer project architecture for code reuse and tailors the pages to different device sizes such as mobile phones, foldable phones, tablets, and PC/2-in-1 devices. The figure shows the effect on the mobile phone: @@ -12,7 +12,7 @@ The figure shows the effect on the foldable phone: ![](screenshots/device/foldable_EN.JPG) -The figure shows the effect on the tablet and 2-in-1 device: +The figure shows the effect on the tablet and PC/2-in-1 device: ![](screenshots/device/tablet_EN.png) @@ -33,16 +33,16 @@ N/A. 1. Install and open an app on a mobile phone, foldable phone, or tablet. The responsive layout and adaptive layout are used to display different effects on the app pages over different devices. 2. Swipe up or down the home page content and swipe left or right banners and icon lists. -3. Touch and hold the first image in the recommended video area to preview the video. Right-click the recommended video area and a menu is displayed. Hover the mouse pointer over the recommended video area to zoom in the image. Pinch two fingers to zoom in or out the video area on a 2-in-1 device or foldable phone. -4. Switch to the community tab on the top to view the immersive design of the home page. Switch to the video tab on the top to view the innovative layout of the banner images on a 2-in-1 device. +3. Touch and hold the first image in the recommended video area to preview the video. Right-click the recommended video area and a menu is displayed. Hover the mouse pointer over the recommended video area to zoom in the image. Pinch two fingers to zoom in or out the video area on a PC/2-in-1 device or foldable phone. +4. Switch to the community tab on the top to view the immersive design of the home page. Switch to the video tab on the top to view the innovative layout of the banner images on a PC/2-in-1 device. 5. Click the search box on the top to display the search page. Enter "Hua" in the search box and the intelligent prompt page is displayed. Click "Huawei launch event" in the intelligent prompts. The search result page is displayed. Click the Play button in the search result. The video details page is displayed. 6. By default, the video is played on the video details page. Click the video to play or pause it, and click or drag the progress bar to seek to the playback position. -7. When you swipe up on a phone or foldable phone, the related list is hidden, the video is zoomed out proportionally, and the comment area is swiped. When you swipe up on a 2-in-1 device, the video is zoomed out proportionally and the introduction area is swiped. Click the full-screen button in the video area to access the full-screen playback page. +7. When you swipe up on a phone or foldable phone, the related list is hidden, the video is zoomed out proportionally, and the comment area is swiped. When you swipe up on a PC/2-in-1 device, the video is zoomed out proportionally and the introduction area is swiped. Click the full-screen button in the video area to access the full-screen playback page. 8. Play a video in full-screen mode and click the Play/Pause button to play or pause the video. Click the episode selection button. The episode selection toolbar is displayed. ### Constraints 1. The sample app is supported only on Huawei phones running the standard system. -2. HarmonyOS: HarmonyOS NEXT Developer Beta 1 or later -3. DevEco Studio: DevEco Studio NEXT Developer Beta 1 or later -4. HarmonyOS SDK: HarmonyOS NEXT Developer Beta 1 SDK or later +2. HarmonyOS: HarmonyOS 5.0.0 Release or later +3. DevEco Studio: DevEco Studio 5.0.0 Release or later +4. HarmonyOS SDK: HarmonyOS 5.0.0 Release SDK or later