网页中播放音视频等媒体

最新推荐文章于 2016-07-08 11:00:21 发布
最新推荐文章于 2016-07-08 11:00:21 发布
阅读量809 收藏
点赞数
文章标签： object flash 浏览器 url 脚本 音乐
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yavobo/article/details/6319642
版权

注意：object适用于IE浏览器，Embed适用于非IE浏览器，应该两者同时使用，浏览器会自动忽略无用的标签，且Embed应该嵌入到Object标签中。

一 、首先是基本用法，用法是入嵌到<body></body>中就是了。

1、embed的基本用法，  这个只支持少数视频，但支持绝大多数音频



2、object的基本用法， 这个支持绝大多数视频

  


二、 再看一些示例：

1、使用Embed标签：

将src=后面的链接换成你所希望的flash、音频、视频地址即可。注意该地址可能是其他网站的flash、视频、音频地址，不能是本地地址。

2、使用object和embed标签相结合：
复制如下代码：

将
<param name="Filename" value="mms://bbs.xmnn.cn/forum/upfiles/00021B4D.wmv" />和src="mms://bbs.xmnn.cn/forum/upfiles/00021B4D.wmv"中的value和src的值修改为你所希望的flash、音频、视频地址即可。注意该地址可能是其他网站的flash、视频、音频地址，不能是本地地址。

三、embed标签的用法

（一）、基本语法：
　　embed src=url
　　说明：embed可以用来插入各种多媒体，格式可以是Midi、Wav、AIFF、AU、MP3等等，
Netscape及新版的IE 都支持。url为音频或视频文件及其路径，可以是相对路径或绝对路径。
　　示例：<embed src="your.mid">

（二）、属性设置：
　　1、自动播放：
　　语法：autostart=true、false
　　说明：该属性规定音频或视频文件是否在下载完之后就自动播放。
　　true：音乐文件在下载完之后自动播放；
　　false：音乐文件在下载完之后不自动播放。
　　示例：<embed src="your.mid" autostart=true>
　　<embed src="your.mid" autostart=false>

　　2、循环播放：
　　语法：loop=正整数、true、false
　　说明：该属性规定音频或视频文件是否循环及循环次数。
　　属性值为正整数值时，音频或视频文件的循环次数与正整数值相同；
　　属性值为true时，音频或视频文件循环；
　　属性值为false时，音频或视频文件不循环。
　　示例：<embed src="your.mid" autostart=true loop=2>
　　　　　<embed src="your.mid" autostart=true loop=true>
　　　　　<embed src="your.mid" autostart=true loop=false>

　　3、面板显示：
　　语法：hidden=ture、no
　　说明：该属性规定控制面板是否显示，默认值为no。
　　ture：隐藏面板；
　　no：显示面板。
　　示例：<embed src="your.mid" hidden=ture>
　　<embed src="your.mid" hidden=no>

　　4、开始时间：
　　语法：starttime=mm:ss（分：秒）
　　说明：该属性规定音频或视频文件开始播放的时间。未定义则从文件开头播放。
　　示例：<embed src="your.mid" starttime="00:10">

　　5、音量大小：
　　语法：volume=0-100之间的整数
　　说明：该属性规定音频或视频文件的音量大小。未定义则使用系统本身的设定。
　　示例：<embed src="your.mid" volume="10">

　　6、容器属性：
　　语法：height=# width=#
　　说明：取值为正整数或百分数，单位为像素。该属性规定控制面板的高度和宽度。
　　height：控制面板的高度；
　　width：控制面板的宽度。
　　示例：<embed src="your.mid" height=200 width=200>

　　7、容器单位：
　　语法：units=pixels、en
　　说明：该属性指定高和宽的单位为pixels或en。
　　示例：<embed src="your.mid" units="pixels" height=200 width=200>
　　　　　<embed src="your.mid" units="en" height=200 width=200>

　　8、外观设置：
　　语法：controls=console、smallconsole、playbutton、pausebutton、stopbutton、
volumelever 说明：该属性规定控制面板的外观。默认值是console。
　　console：一般正常面板；
　　smallconsole：较小的面板；
　　playbutton：只显示播放按钮；
　　pausebutton：只显示暂停按钮；
　　stopbutton：只显示停止按钮；
　　volumelever：只显示音量调节按钮。
　　示例：<embed src="your.mid" controls=smallconsole>
　　　　　<embed src="your.mid" controls=volumelever>

　　9、对象名称：
　　语法：name=#
　　说明：#为对象的名称。该属性给对象取名，以便其他对象利用。
　　示例：<embed src="your.mid" name="sound1">

　　10、说明文字：
　　语法：title=#
　　说明：#为说明的文字。该属性规定音频或视频文件的说明文字。
　　示例：<embed src="your.mid" title="第一首歌">

　　11、前景色和背景色：
　　语法：palette=color|color
　　说明：该属性表示嵌入的音频或视频文件的前景色和背景色，第一个值为前景色，第二个值为背景
色，中间用| 隔开。color可以是RGB色（RRGGBB）也可以是颜色名，还可以是transparent
（透明）。 示例：<embed src="your.mid" palette="red|black">

　　12、对齐方式：
　　语法：align=top、bottom、center、baseline、left、right、texttop、middle、
absmiddle、absbottom
　　说明：该属性规定控制面板和当前行中的对象的对齐方式。
　　center：控制面板居中；
　　left：控制面板居左；
　　right：控制面板居右；
　　top：控制面板的顶部与当前行中的最高对象的顶部对齐；
　　bottom：控制面板的底部与当前行中的对象的基线对齐；
　　baseline：控制面板的底部与文本的基线对齐；
　　texttop：控制面板的顶部与当前行中的最高的文字顶部对齐；
　　middle：控制面板的中间与当前行的基线对齐；
　　absmiddle：控制面板的中间与当前文本或对象的中间对齐；
　　absbottom：控制面板的底部与文字的底部对齐。
　　示例：<embed src="your.mid" align=top>
　　　　　<embed src="your.mid" align=center>

xuyf
关注
jquery实现的网页自动播放声音
10-26
在如今的互联网环境中，网页上的多媒体元素如声音、视频等已经成为增强用户体验的重要手段之一。当开发者希望在网页上实现声音的自动播放功能时，他们往往会使用JavaScript库如jQuery来简化开发流程。标题“jquery...
在网页上实现任意格式的音视频快速播放功能的开发总结。
Last Dance !
03-10 7160
开发重点在pc端，手机端不考虑。 要实现用户上传音视频到服务器，上传完毕即可随意拖动进度条观看。 h5自带的video标签不支持大多数格式的音视频格式，不考虑。 考虑使用流媒体播放，把源视频转成视频流推到网页播放器。 使用nginx+nginx-rtmp-module+ffmpeg搭建了个流媒体服务器，使用rtmp和hls两种推流方式做实验，用vlc进行播放并成功，但是发现这是直播，没有进...
html5中的音视频媒体
blackbinbin的博客
07-08 227
html5视频音频 audio标签播放音频 会一直试，如果ogg格式不支持，赚到下面mpeg audio标签播放视频 您的浏览器不支持vedio 音视频相关属性
7款超具个性的HTML5播放器
weixin_34247155的博客
12-16 1344
这篇文章我们要分享一些很有个性的HTML5音乐播放器和视频播放器，它们都具有播放器的大部分功能，并以HTML5和JavaScript实现。这些HTML5播放器有着非常漂亮的外观，很多你都无需自己重新定义样式，引用相关JS即可，源代码大家都可以下载。 我们相信随着HTML5技术和浏览器技术的不断发展，我们的网页一定会越来越酷而且实用，基于HTML5的播放器也会越来越多，我们会继续关注HTML5播放...
10 个基于 Web 的 HTML5 音乐播放器
weixin_33882452的博客
04-02 705
HTML5 是一种用于创建和呈现的网页内容的语言。这是一个革命性的语言，它拥有一些真正棒的功能和一个新的HTML5规范允许本地音频流的播放。本文向你推荐 10 个最棒的 HTML5 音频播放器，看看你喜欢哪个！ Speakker Speakker 是一个基于 Web 浏览器的音乐播放器，只提供很多高级播放功能包括播放列表管理和分享。 audio.js audio.js 是一个 js...
2021年音视频流媒体权威资料整理.pdf
08-11
- **音视频开发**：涵盖从音视频捕获、处理、编解码到最终的播放等一系列技术。 - **开源框架**：包括实时音视频开源项目、服务端项目、质量传输项目以及视频前后处理项目。 ### 音视频编解码 - **编解码开源项目**...
音频视频播放器组件响应式网页模板
01-22
在网页开发中，播放器组件通常是一个JavaScript或HTML5的代码片段，它可以嵌入到网页中，处理音频和视频的播放、暂停、音量控制、进度条等功能。这些组件通常支持多种媒体格式，如MP3、AAC、WAV对于音频，MP4、WebM...
HTML5中的音频和视频媒体播放元素小结
09-28
HTML5中的音频和视频媒体播放元素是现代网页开发中实现多媒体内容呈现的重要组成部分。它们提供了一套完整的接口和属性，允许开发者在网页中嵌入音频和视频内容，并对其进行控制。了解这些元素及其属性，对于构建...
rtsp流视频实现网页播放
03-15
Streamedian是一个知名的开源项目，提供HTML5实时流媒体解决方案，它包含了WebRTC、HLS和RTSP转码等功能，使得RTSP流可以在浏览器中播放。 实现RTSP流网页播放的基本步骤如下： 1. **使用流媒体服务器**：首先，你...
【6层】一字型框架办公楼（含建筑结构图、计算书）.zip
09-21
【6层】一字型框架办公楼（含建筑结构图、计算书） 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。
Kotlin编程全攻略：从基础到实战项目的系统学习资料
09-21
Kotlin作为一种现代、简洁的编程语言，正逐渐成为Android开发的新宠。本文将为您介绍一套全面的Kotlin学习资料，包括学习大纲、PDF文档、源代码以及配套视频教程，帮助您从Kotlin的基础语法到实战项目开发，系统地提升您的编程技能。
机械原理课程设计_牛头刨床说明书.doc
最新发布
09-21
机械原理课程设计_牛头刨床说明书.doc
基于深度学习的钢材表面缺陷识别系统.zip
09-21
深度学习是机器学习的一个子领域，它基于人工神经网络的研究，特别是利用多层次的神经网络来进行学习和模式识别。深度学习模型能够学习数据的高层次特征，这些特征对于图像和语音识别、自然语言处理、医学图像分析等应用至关重要。以下是深度学习的一些关键概念和组成部分： 1. **神经网络（Neural Networks）**：深度学习的基础是人工神经网络，它是由多个层组成的网络结构，包括输入层、隐藏层和输出层。每个层由多个神经元组成，神经元之间通过权重连接。 2. **前馈神经网络（Feedforward Neural Networks）**：这是最常见的神经网络类型，信息从输入层流向隐藏层，最终到达输出层。 3. **卷积神经网络（Convolutional Neural Networks, CNNs）**：这种网络特别适合处理具有网格结构的数据，如图像。它们使用卷积层来提取图像的特征。 4. **循环神经网络（Recurrent Neural Networks, RNNs）**：这种网络能够处理序列数据，如时间序列或自然语言，因为它们具有记忆功能，能够捕捉数据中的时间依赖性。 5. **长短期记忆网络（Long Short-Term Memory, LSTM）**：LSTM 是一种特殊的 RNN，它能够学习长期依赖关系，非常适合复杂的序列预测任务。 6. **生成对抗网络（Generative Adversarial Networks, GANs）**：由两个网络组成，一个生成器和一个判别器，它们相互竞争，生成器生成数据，判别器评估数据的真实性。 7. **深度学习框架**：如 TensorFlow、Keras、PyTorch 等，这些框架提供了构建、训练和部署深度学习模型的工具和库。 8. **激活函数（Activation Functions）**：如 ReLU、Sigmoid、Tanh 等，它们在神经网络中用于添加非线性，使得网络能够学习复杂的函数。 9. **损失函数（Loss Functions）**：用于评估模型的预测与真实值之间的差异，常见的损失函数包括均方误差（MSE）、交叉熵（Cross-Entropy）等。 10. **优化算法（Optimization Algorithms）**：如梯度下降（Gradient Descent）、随机梯度下降（SGD）、Adam 等，用于更新网络权重，以最小化损失函数。 11. **正则化（Regularization）**：技术如 Dropout、L1/L2 正则化等，用于防止模型过拟合。 12. **迁移学习（Transfer Learning）**：利用在一个任务上训练好的模型来提高另一个相关任务的性能。 深度学习在许多领域都取得了显著的成就，但它也面临着一些挑战，如对大量数据的依赖、模型的解释性差、计算资源消耗大等。研究人员正在不断探索新的方法来解决这些问题。
JSP在线CD销售系统（论文）.zip
09-21
1、资源项目源码均已通过严格测试验证，保证能够正常运行；、 2项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。 1、资源项目源码均已通过严格测试验证，保证能够正常运行； 2、项目问题、技术讨论，可以给博主私信或留言，博主看到后会第一时间与您进行沟通； 3、本项目比较适合计算机领域相关的毕业设计课题、课程作业等使用，尤其对于人工智能、计算机科学与技术等相关专业，更为适合； 4、下载使用后，可先查看README.md或论文文件（如有），本项目仅用作交流学习参考，请切勿用于商业用途。 5、资源来自互联网采集，如有侵权，私聊博主删除。 6、可私信博主看论文后选择购买源代码。
STM32F103C8T6+CUBEMX+BT04蓝牙
09-21
STM32F103C8T6+CUBEMX+BT04蓝牙
基于深度学习对法国租界地黑白照片上色模型.zip
09-21
深度学习是机器学习的一个子领域，它基于人工神经网络的研究，特别是利用多层次的神经网络来进行学习和模式识别。深度学习模型能够学习数据的高层次特征，这些特征对于图像和语音识别、自然语言处理、医学图像分析等应用至关重要。以下是深度学习的一些关键概念和组成部分： 1. **神经网络（Neural Networks）**：深度学习的基础是人工神经网络，它是由多个层组成的网络结构，包括输入层、隐藏层和输出层。每个层由多个神经元组成，神经元之间通过权重连接。 2. **前馈神经网络（Feedforward Neural Networks）**：这是最常见的神经网络类型，信息从输入层流向隐藏层，最终到达输出层。 3. **卷积神经网络（Convolutional Neural Networks, CNNs）**：这种网络特别适合处理具有网格结构的数据，如图像。它们使用卷积层来提取图像的特征。 4. **循环神经网络（Recurrent Neural Networks, RNNs）**：这种网络能够处理序列数据，如时间序列或自然语言，因为它们具有记忆功能，能够捕捉数据中的时间依赖性。 5. **长短期记忆网络（Long Short-Term Memory, LSTM）**：LSTM 是一种特殊的 RNN，它能够学习长期依赖关系，非常适合复杂的序列预测任务。 6. **生成对抗网络（Generative Adversarial Networks, GANs）**：由两个网络组成，一个生成器和一个判别器，它们相互竞争，生成器生成数据，判别器评估数据的真实性。 7. **深度学习框架**：如 TensorFlow、Keras、PyTorch 等，这些框架提供了构建、训练和部署深度学习模型的工具和库。 8. **激活函数（Activation Functions）**：如 ReLU、Sigmoid、Tanh 等，它们在神经网络中用于添加非线性，使得网络能够学习复杂的函数。 9. **损失函数（Loss Functions）**：用于评估模型的预测与真实值之间的差异，常见的损失函数包括均方误差（MSE）、交叉熵（Cross-Entropy）等。 10. **优化算法（Optimization Algorithms）**：如梯度下降（Gradient Descent）、随机梯度下降（SGD）、Adam 等，用于更新网络权重，以最小化损失函数。 11. **正则化（Regularization）**：技术如 Dropout、L1/L2 正则化等，用于防止模型过拟合。 12. **迁移学习（Transfer Learning）**：利用在一个任务上训练好的模型来提高另一个相关任务的性能。 深度学习在许多领域都取得了显著的成就，但它也面临着一些挑战，如对大量数据的依赖、模型的解释性差、计算资源消耗大等。研究人员正在不断探索新的方法来解决这些问题。
电子设计论文隐蔽电线线路查找信号发生器（用收音机监听）
09-21
电子设计论文隐蔽电线线路查找信号发生器（用收音机监听）
c#代码介绍23种设计模式-03工厂模式(附代码)
09-21
1. 工厂方法模式之所以可以解决简单工厂的模式： 是因为它的实现把具体产品的创建推迟到子类中，此时工厂类不再负责所有产品的创建，而只是给出具体工厂必须实现的接口， 这样工厂方法模式就可以允许系统不修改工厂类逻辑的情况下来添加新产品，这样也就克服了简单工厂模式中缺点 2. 使用工厂方法实现的系统，如果系统需要添加新产品时： 我们可以利用多态性来完成系统的扩展，对于抽象工厂类和具体工厂中的代码都不需要做任何改动。 例如，我们我们还想点一个“肉末茄子”，此时我们只需要定义一个肉末茄子具体工厂类和肉末茄子类就可以。而不用像简单工厂模式中那样去修改工厂类中的实现 3. 从UML图可以看出，在工厂方法模式中，工厂类与具体产品类具有平行的等级结构，它们之间是一一对应的。针对UML图的解释如下： Creator类：充当抽象工厂角色，任何具体工厂都必须继承该抽象类 TomatoScrambledEggsFactory和ShreddedPorkWithPotatoesFactory类：充当具体工厂角色，用来创建具体产品 Food类：充当抽象产品角色，具体产品的抽象类。任何具体产品都应该继承该类 Tom
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值