It appears that your browser doesn't support HTML5 video. At this point we have a simple HTML5 video in our page, and not much else: Let's begin by inspecting the start state of the demo. Note: This section relates to Slide 5 of the slideshow. Note: Thanks to Ian Devlin for letting us use some of his code as the basis for the demo in this tutorial. If you want to style your video page up after completing the tutorial, please go ahead! ![]() This demo purely concentrates on text tracks, therefore we've not added much in terms of CSS or additional HTML/JavaScript to get in the way. You'll notice that the source code has different directories - these correspond to the different stages of the tutorial, allowing you to both check what your code should look like after each stage, and start the tutorial at any stage if you don't wish to go right from the beginning.Īt this point, download the content kit so you have the demo code available when working through the tutorial - see the demo directory. You can see the source code, and also view it live. In this tutorial we will guide you through the process of adding subtitles and captions to HTML5 video, looking at some of the problems that currently exist, and solutions to those problems.īelow we will build up a simple demo. Adding captions and subtitles tutorial Adding captions and subtitles
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |