javascript - 在 HTML 页面上嵌入 VLC 插件-6ren

javascript - 在 HTML 页面上嵌入 VLC 插件

转载作者：搜寻专家更新时间：2023-11-01 04:57:50

28

4

我有一个 html 文件 (getStream.html)，它从某个 url 获取流并显示它。代码如下:

<!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>
    <meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
    <title>Vids</title>
    <link href="main.css" rel="stylesheet" type="text/css" />
</head>

<body onload='player("http://mystreamaddress:8080");'>

<div id="player">
    <object type="application/x-vlc-plugin" 
      id="vlcplayer" 
      width="864px"
      height="540px" 
      classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921">  
      <param name="Volume" value="100" />
      <param name="AutoPlay" value="true" />
      <param name="AutoLoop" value="false" />
    </object>
</div>

<div id="controls">
  <input type="button" onclick="play();" value="Play" />
  <input type="button" onclick="pause();" value="Pause" />
  <input type="button" onclick="stop();" value="Stop" />
  <input type="button" onclick="mute();" value="Mute" />
</div>

<script type="text/javascript" language="javascript">
    var vlc = document.getElementById("vlcplayer");
    function player(vid) {
    try {
        var options = new Array(":aspect-ratio=16:10", "--rtsp-tcp", ":no-video-title-show");
      var id = vlc.playlist.add(vid,'Video',options);
      vlc.playlist.playItem(id);
      vlc.video.fullscreen = true;
      //vlc.video.toggleFullscreen();
    }
    catch (ex) {
      alert(ex);
    }
    }       
    function mute(){
    vlc.audio.toggleMute();
  }

    function play(){
    vlc.playlist.play();
  }

    function stop(){
    vlc.playlist.stop();
  }

    function pause(){ 
    vlc.playlist.togglePause();
  } 

  function fullscreen(){
    vlc.video.toggleFullscreen();
  }

</script>

</body>

</html>

如果我的电脑上有此页面并尝试打开它(使用 IE 7/8/9)，一切正常，但如果将此页面放在我的服务器上，然后我可以从这样的 url 访问它: http://myserver/direcortyOfMyhtmlFile/getStream.html

页面已打开，按钮已加载，但出现以下错误:

在 IE8 和 IE9 中: error in IE9, IE8

英文应该是这样的:“不可能获取属性‘add’的值:对象为空或未定义”

在 IE7 中: enter image description here

这些错误似乎是指我的 html 中的对象，但这对我来说很奇怪，因为同一页面在本地工作没有问题。

最佳答案

test.html 将有助于如何使用 VLC WebAPI。

test.html 位于安装 VLC 的目录中。

例如 C:\Program Files (x86)\VideoLAN\VLC\sdk\activex\test.html

以下代码引用自test.html。

HTML:

<object classid="clsid:9BE31822-FDAD-461B-AD51-BE1D1C159921" width="640" height="360" 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="toolbar" value="true" />
  <param name="StartTime" value="0" />
  <EMBED pluginspage="http://www.videolan.org"
    type="application/x-vlc-plugin"
    version="VideoLAN.VLCPlugin.2"
    width="640"
    height="360"
    toolbar="true"
    loop="false"
    text="Waiting for video"
    name="vlc">
  </EMBED>
</object>

JavaScript:

您可以通过getVLC()获取vlc对象。
它适用于 IE 10 和 Chrome。

function getVLC(name)
{
    if (window.document[name])
    {
        return window.document[name];
    }
    if (navigator.appName.indexOf("Microsoft Internet")==-1)
    {
        if (document.embeds && document.embeds[name])
            return document.embeds[name];
    }
    else // if (navigator.appName.indexOf("Microsoft Internet")!=-1)
    {
        return document.getElementById(name);
    }
}

var vlc = getVLC("vlc");

// do something.
// e.g. vlc.playlist.play();

关于javascript - 在 HTML 页面上嵌入 VLC 插件，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14375767/

28

4

0

文章推荐： javascript - 使用 Pikaday 的多个日期选择器

文章推荐： ios - 重新加载 tableview ios 8 时编辑选项消失

循环神经网络设计同样可以使用预训练词“嵌入”
序言：重新训练人工智能大型模型是一项复杂且高成本的任务，尤其对于当前的LLM（大型语言模型）来说，全球99.99%的企业难以承担。这是因为模型训练需要巨大的资源投入、复杂的技术流程以及大量的人力支
“嵌入”在大语言模型中是解决把句子转换成向量表示的技术
上一篇：《人工智能是这样理解“情绪”的》序言：这段话要优化吗？““嵌入”是一种将句子、单词或其他语言单位转换为向量表示的技术。这个向量通常位于高维空间中，它以一种能够表达相似性的方式编码出文本
html - 样式对象的内容/嵌入
我正在开发一个小型 Web 应用程序，其中有一个 object 元素(包含一个 embed)，用于显示小型文档。文档可以是 PDF 或纯文本文件 (.txt)，我以 base64 字符串的形式从 W
嵌入 ocaml 解释器
我有一种小型语言，它基本上是 OCaml 的扩展(实际上它是 OCaml 子集的扩展，但这并不重要)。为了简化事情，我有一个“转义”表达式，可以将 OCaml 文字传输到我的语言中(因此您可以将任意
flash - 嵌入、对象和视频标签之间的区别？
据我所知，我知道 embed tag用于嵌入来自 youtube 等网站的视频，object tag用于 Flash 视频和 video tags下HTML5 .但我很好奇这些标签的深入细节以及作为开
WebKit、嵌入、动态资源
我假设您可以将 WebKit 嵌入到另一个桌面应用程序中并向其发送一个字符串，例如: Hello world! 它将显示在窗口内。我的问题是，如果我将其压缩表示(JPEG 转储)加载到内存中，我该如
php - YouTube取回/嵌入
有没有一种可能的方式，我可以从youtube检索我的最新视频的列表(带有缩略图)，使用cron作业将嵌入的代码存储在数据库中，这样我就可以在单独的页面上显示视频，而不是将用户引向youtube观看视频
youtube 嵌入 - 全屏按钮不起作用
最近我发现我的网站上嵌入的 YouTube 视频存在问题 - 全屏按钮不再起作用。确实有过一次。该按钮是可见的，但单击时没有任何反应。我正在使用 Youtube Javascript API 将视频
keras - 嵌入 Keras
在 Keras 内置函数中嵌入使用哪种算法？Word2vec？手套？其他？ https://keras.io/layers/embeddings/ 最佳答案简短的回答是都不是。本质上，GloVe 的
Keras:嵌入 LSTM
在 LSTM 上用于建模 IMDB 序列数据 ( https://github.com/fchollet/keras/blob/master/examples/imdb_lstm.py ) 的 ker
用于分类特征的 TensorFlow 嵌入
在机器学习中，通常用 one-hot-encoding 表示分类(特别是:名义)特征。 .我正在尝试学习如何使用 tensorflow 的嵌入层来表示分类问题中的分类特征。我有 tensorflow
iOS 嵌入 View
我有一个使用 Storyboard的应用程序，我想在我的主视图中有一个 View ，并让它在场景中的不同 View 之间切换。所以目前我有“容器对象”，我可以在其中嵌入另一个 viewControl
PHP 嵌入 JavaScript
在我的项目中我遇到了这样的情况。 function fonsubmit() { alert('Out side PHP'); //Here the php code starts
java - 嵌入 JFileChooser
我正在尝试添加一个JFileChooser，它选择父目录并允许用户输入文件名称。我知道 showSaveDialog 和 showOpenDialog 方法，但我不想创建新窗口。这是我到目前为止所拥
WordPress/嵌入/链接
我注意到我的网站创建了这样的链接:www.domain.com/post-name/embed/ 恐怕这可能会影响 SEO。是否可以禁用此功能？最佳答案显然这是默认的 WordPress 行为。此
python - 嵌入 python
我试图从 C 代码调用 python 函数，我遵循了 here 中的示例我也有正确的包含文件目录、库目录和链接 python32.lib(我使用 python 32)但是错误是 python/C A
powershell - msiexec.exe - 嵌入
我正在使用基于云的 EDR 平台来监控客户端受损网络上发生的进程。我最近经常看到的是使用选项“-Embedding”调用的 msiexec.exe C:\Windows\System32\MsiExe
python - 并行运行 Flair 嵌入
我有一个列表，其中包含数百万个需要嵌入的句子。我正在使用 Flair以此目的。这个问题似乎应该是并行的。但是，当我尝试优化时，我的性能要么没有提高，要么只是停滞不前。我将我的句子定义为一个简单的字符
嵌入 Flutter YouTube 视频
我想在我的应用程序中添加嵌入的 YouTube 视频:我该怎么做？我有这个 import 'package:youtube_player/youtube_player.dart'; import 'p
json.net SelectToken 嵌入 "."
我有 json 看起来像: myjson = {"queries":{"F.SP": 27}} 所以与 queryResults = JObject.Parse(jsonString) 我可以 fir

首页

博学

6Ren·AI

商城

javascript - 在 HTML 页面上嵌入 VLC 插件