vlc的网页播放

最新推荐文章于 2024-07-24 13:26:01 发布

青城倚雪鹤三卿

最新推荐文章于 2024-07-24 13:26:01 发布

阅读量3.9k

点赞数

分类专栏： ----其他文章标签： vlc

----其他专栏收录该内容

1 篇文章 0 订阅

订阅专栏

本文探讨了使用VLC进行网页播放的尝试，重点在于浏览器兼容性。在IE11、Firefox 48.0.2以及Google Chrome 50.0.2661.87 m中进行测试，发现Chrome不支持VLC播放，原因未知。同时，文章提及了嵌入式object和embed标签的应用理解尚待深入。

摘要由CSDN通过智能技术生成

使用的浏览器为IE11，firebox 48.0.2 和 google chrome 版本 50.0.2661.87 m

1.首先看源代码

<html>
<head>
<meta charset=UTF-8" />
<script>
var itemId = 0;
function getVLC(name)
{
        if (window.document[name])    
        {
                return window.document[name];
        }
       /* if (navigator.appName.indexOf("Microsoft Internet") == -1)//indexOf(“Netscape“) 是返回浏览器名称字符串中“Netscape“的位置,如果找不到,则返回-1.
		此处没有作用，因为navigator.appName()返回的都是Netscape
        {
				alert("if");
                if (document.embeds && document.embeds[name])//ie没有这些属性
                        return document.embeds[name];    
        }*/
        else
        {
                return document.getElementById(name);
        }
}

function doGo(mrl)
{
        var vlc = getVLC("vlc");
        itemId=vlc.playlist.add(mrl);
        vlc.playlist.playItem(itemId);
        document.getElementById("btn_stop").disabled = false;
}

function updateVolume(deltaVol)
{
        var vlc = getVLC("vlc");
        vlc.audio.volume += deltaVol;
}

function doPlay()
{
        vlc.playlist.playItem(itemId);
        
        document.getElementById("btn_stop").disabled = false;
        document.getElementById("btn_play").disabled = true;
}

function doStop()
{
        getVLC("vlc").playlist.stop();
        document.getElementById("btn_stop").disabled = true;
        document.getElementById("btn_play").disabled = false;
}
</script>
</head>
<body>
<div style="margin: 50px">
        <a title="she.mp3" href="#" οnclick="doGo(this.title);return false;">01.ts</a>
        <span style="margin: 20px;" />
        <a title="1.flv" href="#" οnclick="doGo(this.title);return false;">02.mp3</a>
        <span style="margin: 20px;" />
</div>
<div>
        <object classid="clsid:9be31822-fdad-461b-ad51-be1d1c159921"
                width="640"
                height="480"
                id="vlc"
                events="true">
        <param name="mrl" value="" />
        <param name="showdisplay" value="true" />
        <param name="autoloop" value="false" />
        <param name="autoplay" value="false" />
        <param name="volume" value="50" />
        <param name="starttime" value="0" />
        <embed pluginspage="http://www.videolan.org"
                     type="application/x-vlc-plugin"
                     version="videolan.vlcplugin.2"
                     width="640"
                     height="480"
                     name="vlc">
        </embed>
        </object>
</div>
<div>
<input type=button id="btn_play" value=" 播放 " onClick='doPlay();' disabled="true">
<input type=button id="btn_stop" value="停止" onClick='doStop();' disabled="true">
<input type=button value="静音切换" οnclick='getVLC("vlc").audio.togglemute();'>
<input type=button value="减小音量" οnclick='updateVolume(-10)'>
<input type=button value="增加音量" οnclick='updateVolume(+10)'>
</div>
</body>
</html>

2.其中google chrome 不支持vlc(暂时不知何故)

3.嵌入式的object和embed还不太明白

青城倚雪鹤三卿

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
vlc的网页播放

使用的浏览器为IE11，firebox 48.0.2 和 google chrome 版本 50.0.2661.87 m1.首先看源代码var itemId = 0;function getVLC(name){ if (window.document[name]) { return wind
复制链接

扫一扫

专栏目录