<Head> <MetaCharSet= "UTF-8"> <title></title> <Linkrel= "stylesheet"type= "Text/css"href= "Lib/font-awesome-4.7.0/css/font-awesome.min.css" /> <styletype= "Text/css">. Camera{Color:Red;font-size:42px; } </style> </Head> <Body> <!--Audio - <AudioControls= "Controls"AutoPlay= "AutoPlay"> <Sourcesrc= "South Mountain.mp3"type= "Audio/mp3"></Source> <Sourcesrc= "Horse.ogg"type= "Audio/ogg"></Source> </Audio> <inputtype= "button"name=""ID= "Speed"value= "Acceleration" /> <BR/> <!--Video - <VideoControls= "Controls"width= "The "> <Sourcesrc= "Demo.mp4"type= "Video/mp4"></Source> </Video> <Divclass= "Camera"> <Iclass= "fa Fa-camera-retro"></I> <Iclass= "fa Fa-free-code-camp"></I> </Div> <inputtype= "button"name=""ID= "Play"value= "Play" /> <inputtype= "button"name=""ID= "Stop"value= "Paused" /> </Body> <Scripttype= "Text/javascript"> varOvideo=Document.queryselector ("Video"); varOaudio=Document.queryselector ("Audio"); Console.dir (Ovideo); varOspeed=document.getElementById (" Speed"); varOplay=document.getElementById ("Play"); varOstop=document.getElementById ("Stop"); //Speed PlayOspeed.onclick= function() {console.dir (Oaudio); Oaudio.playbackrate= 3; } //Video PlaybackOplay.onclick= function() {ovideo.play (); } //PauseOstop.onclick= function() {ovideo.pause (); } Ovideo.onplay= function() {Console.log ( This. currenttime); } ovideo.ontimeupdate= function() {Console.log ( This. currenttime); } </Script>
Basic functions for video audio