网络媒体教程

在本教程中,您将学到如何向网页添加多媒体内容(音频和视频)。

开始学习

内容目录

多媒体简介
本章讲解多媒体的概念,以及 Web 浏览器如何处理多媒体。
音频格式
本章讲解最常见或者最流行的音频格式。
视频格式
本章讲解最常见或者最流行的视频格式。
浏览器音频
本章讲解如何在网页中播放音频。
浏览器视频
本章讲解如何在网页中播放视频。
视窗媒体格式
本章讲解新的 Windows 媒体格式(Windows Media format)。
object 简介
本章讲解 object 元素。
QuickTime 对象
本章讲解如何使用 object 元素播放 QuickTime 电影。
RealMedia 对象
本章讲解如何使用 object 元素播放 Real 音频和 Real 视频。
标签参考
HTML 的多媒体标签参考。
播放器参考
Windows 媒体播放器参考(Windows Media Player)。
MIME 参考
多用途网际邮件扩充(MIME)的参考手册。

【20171208 前端开发日报】再也不学AJAX了(三)跨域获取资源 ② – JSONP & CORS;JavaScript 权威面试指南;20171207 前端开发日报;听说你用JavaScript写代码?本文是你的机器学习指南;卷两根Weeds,搞懂Promise;一步一步将支付宝...详情→网页链接

【20171207 前端开发日报】如何更好的管理前端环境变量;CSS 实现左右交换的效果;CSS float相关详解;javascript项目开发规范实例;使用vue-cli的webpack模板的一次优化;iOS 与 JS 交互手册 – JavaScriptCore;JavaScript 工作原理:内...详情→网页链接

【20171205 前端开发日报】5分钟学会 CSS Grid 布局;新开源工具诞生让C++秒变JavaScript;JavaScript 的时间消耗;浏览器野史 UserAgent列传;Python Web 开发框架 Django 2.0 发布,不再支持 Python 2;10个机器学习的JavaScript示例;GitHub...详情→网页链接

【20171204 前端开发周报】css实现图片背景填充的正六边形;网页适配 iPhoneX,就是这么简单;如何用 CSS 修出好看的照片;JS中动态添加元素并绑定事件,造成程序重复执行;前端重构之路(组件化);如何使用ES6箭头函数使JavaScript代码更易读...详情→网页链接

【20171204 前端开发日报】掌握JS中this指向只需记忆5大原则;JavaScript 如何工作的: 事件循环和异步编程的崛起 + 5 个关于如何使用 async/await 编写更好的技巧;React 整洁代码最佳实践;Web 性能优化 – TCP;20171203 前端开发日报;V...详情→网页链接

【20171203 前端开发日报】SegmentFault 技术周刊 Vol.38 – 神奇的 CSS;前端工程师的 CI 进阶之路;【JavaScript从入门到精通】第十九课;7 款前端开发者重制的经典游戏 总有一款能让你回味童年时光;CSS自适应导航菜单;JavaScript学习...详情→网页链接

【20171202 前端开发日报】如何用 CSS 修出好看的照片;开发更好用的 JavaScript 模块;你还要我怎样的JS系列(4) — 作用域链;HTTPS的协议需求与密钥交换过程;自己动手做一个识别手写数字的 Web 应用(四);Typescript 构建命令行工具...详情→网页链接

【CSS自适应导航菜单】本文教程旨在教你如何创建一个使用HTML5+CSS的自适应导航菜单,它不需要用到javascript,而且可以居左,居中和居右,这个菜单不是通过点击显示的,它是鼠标滑过的时候显示出来的,并且兼容各种浏览器包括手机客...详情→网页链接 #前端开发博客#

【20171201 前端开发日报】分享7款个性化jQuery/HTML5地图插件;2017 年前端开发者必学清单;前端重构之路(组件化);now.js 0.1.0 发布了;JavaScript优化模式;关于JavaScript对象,你所不知道的事(二)- 再说属性;Vue实现一个页面缓存、左...详情→网页链接

【纯CSS3制作TAB选项卡的两种方式】css tab,纯CSS3制作tab,不用JavaScript就可以制作选项卡是不是很神奇,而且效果跟不适用jQuery是一个样的,本站独创的CSS3 Tab绝对让你眼前一亮。网页链接 #前端开发博客#

【20171130 前端开发日报】前端开发人员如何搭建数据库;一步步打造自己的纯CSS单标签图标库;React Diff 算法 – 众成翻译;关于JavaScript对象,你所不知道的事(一)- 先谈对象;vue中慎用style的scoped属性;JavaScript 正则表达式笔记...详情→网页链接

【Vue与React两个框架的区别和优势对比】Vue和React两个JavaScript框架都是当下比较受欢迎的,他们两者之间的区别有哪些,各自的优缺点是什么,本文将为你呈现。网页链接 #前端开发博客#

【20171129 前端开发日报】如何使用ES6箭头函数使JavaScript代码更易读;css实现图片背景填充的正六边形;一个行为标准Popup组件(vue), 强大的过度动画支持, 和定位支持;10个有趣的Javascript和CSS库-2017年11月;20171128 前端开发日报;JS中...详情→网页链接

【20171128 前端开发日报】js中的正则表达式(1);iOS开发者的大前端感悟:向前端说对不起;GitHub 上 82% 的代码是重复代码;使用 ClojureScript 开发浏览器插件的过程与收获;Node.js 应用的可视化调试与性能分析;用 Jest 测试 JavaScript 应...详情→网页链接

【JavaScript一些比较常见缩写代码】网页链接  在使用UglifyJS对javascript进行压缩和美化时,我在其中发现了一些关于if else的语法简写,顺便说说平时有哪些JavaScript代码可以进行简写,实现最少的代码获得最大的性能! 链接2:网页链接(js代码压缩还原详解)

【20171126 前端开发日报】美化表单的CSS高级技巧;如何优雅的编写 JavaScript 代码;CSS3 径向渐变语法及辅助理解案例 10 则;前端防御从入门到弃坑:CSP 变迁;CSS3 radial-gradient径向渐变语法及辅助理解案例10则;JSON: 不要误会,我真的不...详情→网页链接

【20171126 前端开发周报】生产环境中选择性的部署ES6+;基于 HTML5 Canvas 实现地铁站监控;这一次,彻底弄懂 JavaScript 执行机制;CSS 在线交互式速查表;WEB 前端菜鸟,感觉很迷茫,该怎么做?;不使用 JS 匿名函数的三个理由;探究 CSS 解...详情→网页链接

【20171125 #前端开发#日报】HTML5原生拖拽/拖放 Drag & Drop 详解;程序员小知识:JS数组常用方法操作;原生js的常用方法;WEB 前端菜鸟,感觉很迷茫,该怎么做?;一道小小的题目引发对javascript支持正则表达式相关方法的探讨;H5 的 Notif...详情→网页链接

【20171124 #前端开发#日报】JavaScript 是如何工作的:V8 引擎内部机制及5个诀窍编写优化代码的技巧;JavaScript 是如何工作的:引擎,运行时和调用堆栈的概述;如何实现前端高性能计算?;这一次,彻底弄懂 JavaScript 执行机制;如何用 ESLint ...详情→网页链接

#jQuery#【json数组使用jquery each循环遍历】说实话,有点怕使用JSON,可能是因为比较少用的原因,也没有重点学习过这方面的知识,JavaScript的视频学习到了事件了。快要进入实战阶段了。一方面积累基础,一方面学习重点...请戳→网页链接 #前端开发博客#

【20171123 #前端开发#日报】详解 JavaScript 与 ECMAScript 的区别;Fis3构建迁移Webpack之路;生产环境中选择性的部署ES6+;VUE组件间的数据传递;mongodb+express+vue代码实现掘金最热文章收藏评论分析;浏览器端创建可下载文件;使用 ViewCont...详情→网页链接

【20171120 #前端开发#日报】给前端同学的最后一份CDN秘籍;jQuery/JavaScript获取地址栏中的链接参数;JavaScript 核心参考;Emergence.js:检测元素可见性的 JS 插件;Ruby Web 服务器的并发模型与性能;我在 ClojureScript 的 2017;给前端同学...详情→网页链接

【20171119 #前端开发#日报】Vue-cli-webpack-从零开始的斗鱼直播(一);Miox用传统web页面开发的思维模式和开发习惯来开发SPA;初创公司 CI 系统终极解决方案:Gitlab-CI;Web 安全系列:CSRF 攻击;JavaScript 中常见排序算法详解;RhykeJS——专...详情→网页链接

【20171119 #前端开发#周报】那些不明觉厉的一行javascript代码;使用 JavaScript 实现分屏视觉效果;实例感受-es6的常用语法和优越性;CSS居中的各种实现方式;所有主流浏览器都已支持 WebAssembly,包括 Edge 和 Safari;前端跨域有哪些种方法及...详情→网页链接

#jQuery#【jQuery/JavaScript获取地址栏中的链接参数】本文将通过实际例子讲解怎么使用javascript或者jquery获取地址window.location的url参数。网页链接 #前端开发博客#