• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    迪恩网络公众号

bmuellerhstat/html5-media

原作者: [db:作者] 来自: 网络 收藏 邀请

开源软件名称:

bmuellerhstat/html5-media

开源软件地址:

https://github.com/bmuellerhstat/html5-media

开源编程语言:

HTML 100.0%

开源软件介绍:

HTML5 Media


The purpose of this repository is to help you practice using <audio> and <video> elements.

Before you begin

Observe the files in this repo:

  • README.md is the file you're reading. You should be reading it on GitHub.
  • birds.mp3 is the audio file you will be using.
  • hans-rosling.jpg is the image you will be using as the poster for the video.
  • index.html is where you will be doing your coding.
  • result.png is the result you should be aiming for with index.html.
  • stats.mp4 is the video file you will be using.

Directions

  • Fork and clone this repo.
  • Add the proper <audio> element to index.html.
    • The audio should be birds.mp3.
    • There should be controls.
    • If the user's browser does not support HTML5 audio, that message should display
  • Add the proper <video> element to index.html.
    • The video should be stats.mp4.
    • There should be controls.
    • The poster should be hans-rosling.jpg.
    • If the user's browser does not support HTML5 video, that message should display
  • When you are finished, the preview should look like result.png.
  • Beautify your code so that you can easily see which elements are inside of others (very helpful for debugging divs).
    • NOTE: the cloud9 keyboard shortcut is ⌘+shift+B
  • After you push your changes, set gh-pages to use the master branch and use the URL to check that it worked!

Good luck!




鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap