sciter自定义视频组件

By admin at 2020-05-17 • 0人收藏 • 371人看过

感谢: 撒旦微笑 分享源码

image.png

import win.ui;
/*DSG{{*/
var winform = win.form(text="sciter自定义视频组件";right=759;bottom=469)
winform.add()
/*}}*/

import web.sciter;
var wbSciter = web.sciter( winform );
namespace web.sciter.behavior.player {
    onAttach = function (scOwner) { 
        import mpvPlayer;
        var ltCtrl = scOwner.addCtrl();
        scOwner.player = mpvPlayer(ltCtrl)
        var paused = true;
        pause = function(scOwner){
            scOwner.player.pause(paused)
            paused = !paused
        };
        playUrl = function(scOwner,url){ 
            scOwner.player.loadFile(url);
        };
        setVolume = function(scOwner,volume){ 
            scOwner.player.setVolume(volume);
        };
        var src = scOwner.getAttribute("src"); 
        var volume = #scOwner.getAttribute("volume")?volume:50; 
        if(src){
            scOwner.playUrl(src);
        };
        scOwner.setVolume(volume);
    }
    onDetach = function( scOwner ){
        scOwner.delCtrl();
    }
    onSize = function (scOwner) {
        scOwner.adjustCtrl();
    } 
}

wbSciter.html = /**
<!doctype html>
<html>
<head>
   <META http-equiv="Content-Type" content="text/html; charset=utf-8">
    <script type="text/tiscript">
    function self.ready() {
        var volume =  $(video).@["volume"]; 
        $(input#volume).value =volume||50;
      }
    event click $(#play) {
        this.text = (this.text=="播放")?"暂停":"播放"
        $(video).pause()
     } 
       event change $(input#volume) {
            $(video).setVolume(this.value); 
     }
    </script>
    <style type="text/css">
    html,body{ height:100%; margin:0; }
   #header{
       
       background:red;
   }
    video{
        behavior:player;
        width:*;
        background:#000;
        height:width(56.25%); /* width/height = 16:9 */
    } 
    </style>
</head>
<body>
    <video src = "http://tv.ncist.edu.cn:281/live/cctv1hd.flv" volume =""/>
     <button#play>暂停</button>	
     <input|hslider#volume min="1" max="100" step="1">
</input>
</body>
</html>
**/
winform.show();
win.loopMessage();


登录后方可回帖

登 录
信息栏
本站永久域名:HtmLayout.Cn
纯私人站,当笔记本用的,学到哪写到哪,目前正在学aardio+halcon机器视觉.
Sciter中文在线文档Sciter在线学习文档
本 站 主 站:Stm32cube中文网
Aardio 官方站:Aardio官方
Aardio最新功能:Aardio官方更新日志
aardio在线手册Aardio在线手册
C大Aardio论坛:Aar爱好者论坛
简码教程网:简码编程
AARDIO语言QQ群:70517368
赞助商:才仁机械
下载站:非凡软件站
Loading...