新手指引【WMP类型播放并显示频谱】让CMP成为万能格式播放

新手指引【WMP类型播放并显示频谱】让CMP成为万能格式播放
本帖最后由 ziyujk 于 2011-7-30 18:51 编辑

[教程] wma/wmv/mms问题详解【有声音没有图像问题】
教程中
基本原理就是：
1，CMP加载完后，把隐藏的WMP拿出来
2，并设置其大小与CMP里的视频大小一样
3，设置其位置也相同，这样再覆盖在上面，就可以以假乱真了
4，播放类型为wmp时就显示，否则隐藏
5，播放停止或播放完成时也隐藏

只要看懂了上面的说明，那一切wmp相关问题都能明白为什么
1，有声音没图像，因为wmp层没显示
2，挡住问题，因为wmp层覆盖在上面，cmp所在flash层在下面，是2个不相干的东西
3，无法播放问题，因为wmp模块没有启动，缺少wmp环境
4，全屏等操作，还是因为是2个不同的东西，虽能通讯，但毕竟还有弊端，不解释
等等，一系列问题，不是不解决，而是无法解决
所以，推荐使用flash原生支持的格式，比如mp3，flv，MP4等

详情见例子页面：
http://cenfunmusicplayer.googlec ... veloper/app_wmp.htm
其中已经封装了WMP for CMP类：
http://cenfunmusicplayer.googlecode.com/svn/trunk/js/wmp.js

我照列子写了，视屏窗口居然可以显示WMP可视化效果，前提是你的windows wmp 可视化效果要开启，支持随机显示:意思就是你把windows media player 可视化效果开启选择随机，WMP.JS调用出来就可以显示了。
如果你看CMP4的那几个频谱看惯了你也可以这样做，
<m type="3" src="e:/music/杨幂-爱的供养.mp3" lrc="lrc/lrc.txt" label="1,MP3音乐测试" />
直接把类型指定为3就可以了。按照我的方法可以全部调用系统可视化效果
怎么让CMP4支持万能格式呢？方法很简单照下边的方法做了，再下载个插件。
插件地址：http://d1.mt30.com/media/WMP万能解码器%20精简免装加强版.rar
运行控制台.cmd就可以了。

原图：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>CMP4 WMP视频播放</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
html, body { height:100%; margin:0; padding:0; text-align:center; }
</style>
</head>
<body>
<script type="text/javascript" src="cmp.js"></script>
<script type="text/javascript" src="wmp.js"></script>
<div id="cmp_area" style="position:relative;width:100%;height:100%;margin:0px auto;"></div>
<script type="text/javascript">
var cmpo;
//定义getElementById到简便函数$
function $(id) { return document.getElementById(id); }
//cmp回调函数，即cmp第一次加载完成时调用，将对wmp进行初始化操作
function cmp_loaded(key) {
//获取cmp对象
cmpo = CMP.get("cmp");
if (!cmpo) {
alert("CMP初始化错误");
return;
}
//初始化
if (WMP) {
WMP.init(key, cmpo);
} else {
alert("WMP类错误");
}
}
//cmp地址，请替换成你自己的路径
var cmp_url = "cmp.swf";
if (window.location.protocol != "http:") {
cmp_url = "cmp.swf";
}
//cmp的参数，必须设置api=cmp_loaded回调函数
var flashvars = {
//皮肤
skin:"skins/tudou.zip",
//脚本api回调函数
api:"cmp_loaded"
};
//将cmp放在一个固定容器cmp_area里，便于后面设置位置，宽高都设置成100%，也就是随容器宽高进行改变
//必须把cmp垫底，即设置wmode="opaque"，这样wmp窗口才能覆盖显示在cmp上面
var htm = CMP.create("cmp", "100%", "100%", cmp_url, flashvars, {wmode:"opaque"});
$("cmp_area").innerHTML = htm;
</script>
</body>
</html>

复制代码

本站仅提供存储服务，所有内容均由用户发布，如发现有害或侵权内容，请点击举报。