|
所在平台: Udemy |
课程主页: https://www.udemy.com/course/creating-interactive-html5-video/
课程评论：没有评论
Creating Interactive HTML5 Video 课程总结 本课程将教授您如何超越传统的静态 HTML 视频，让用户能够与视频进行互动。我们将通过为普通 HTML 视频添加互动元素，例如视频上的可点击区域，这些区域允许用户深入探索概念，并添加在视频特定时间点触发的定时器。此外，您还将学习根据用户的选择，将视频分支到不同的部分。最后，您将了解这种互动如何在所有移动和桌面设备上显示。 核心内容包括： * **HTML5 视频增强**: 学习如何利用 HTML5 视频标签的强大功能，并为其注入互动性。 * **添加互动元素**: 掌握如何在视频中嵌入可点击区域，用户点击后可以触发特定动作，如弹出信息、跳转到其他内容或深入探索。 * **定时触发器**: 学习在视频播放到特定时间点时自动触发事件，例如显示额外的文本、图片或启动其他互动。 * **视频分支逻辑**: 理解如何根据用户的选择或操作，改变视频的播放路径，实现非线性的观看体验。 * **跨平台兼容性**: 确保您创建的互动视频能在各种移动和桌面设备上无缝播放。 课程涉及的技术栈包括： * HTML5 Video * CSS * JavaScript * jQuery * Skeleton CSS * Featherlight Lightboxes 通过本课程的学习，您将能够创建更具吸引力和用户参与度的 HTML5 视频内容。
In this course, you will learn how to go beyond just static HTML video and allow your users to interact with your HTML videos. We will take ordinary HTML video and add interactive elements, such as clickable areas on the video that, when clicked on, could allow the user to explore concepts in more depth as well as adding timed triggers that happen at certain points of the video.. Then, you will also learn how to branch out to different parts of the video depending on the user's choice. Finally, you will see how this interaction is viewable on all mobile and desktop devices.Concepts Taught:HTML5 VideoCSSJavaScriptjQuerySkeleton CSSFeatherlight Lightboxes
