小编Ult*_*lly的帖子

HTML5和Javascript仅在可见时播放视频

我有兴趣设置一个包含多个视频剪辑的HTML页面,这样每个视频剪辑只在可见时播放,然后在视图外时暂停.

我已经找到了一个很好的例子,说明如何用一个剪辑实现它,但是我无法修改代码以使用多个剪辑.也许我需要将此代码转换为一个易于重用的函数?

这是我到目前为止(JS Bin上面链接修改为2个剪辑而不是一个).

此代码似乎仅适用于两个剪辑中的一个.

<!DOCTYPE html>
<html>
    <!--   Created using jsbin.com   Source can be edited via http://jsbin.com/ocupor/1/edit
    -->
    <head>
        <meta charset=utf-8 />
        <title>JS Bin</title>
        <style>
            #right {
                position: absolute;
                top: 2000px;
            }
            #video1 {
                position: absolute;
                left: 2000px;
                top: 2000px;
            }
            #video2 {
                position: absolute;
                left: 2000px;
                top: 3000px;
            }

        </style>

        <style id="jsbin-css">
        </style>
    </head>
    #
    <body style="width: 4000px; height: 4000px;">
        <div id="info"></div>
        <div id="down">
            scroll down please...
        </div>
        <div id="right">
            scroll right please...
        </div>
        <video id="video1"> …
Run Code Online (Sandbox Code Playgroud)

html javascript video html5 html5-video

15
推荐指数
5
解决办法
6万
查看次数

如何将预编译的二进制文件与电子捆绑在一起

我试图用电子应用程序包含预编译的二进制文件.我开始使用电子快速启动应用程序并修改我的renderer.js文件以包含在文件被丢弃在主体上时触发的代码:

spawn = require('child_process').spawn,
  ffmpeg = spawn('node_modules/.bin/ffmpeg', ['-i', clips[0], '-an', '-q:v', '1', '-vcodec', 'libx264', '-y', '-pix_fmt', 'yuv420p', '-vf', 'setsar=1,scale=trunc(iw/2)*2:trunc(ih/2)*2,crop=in_w:in_h-50:0:50', '/tmp/out21321.mp4']);

ffmpeg.stdout.on('data', data => {
  console.log(`stdout: ${data}`);
});
ffmpeg.stderr.on('data', data => {
  console.log(`stderr: ${data}`);
});
Run Code Online (Sandbox Code Playgroud)

我已将预编译的ffmpeg二进制文件放入node_modules/.bin/.在开发面板中一切都很好用,但是当我使用电子打包器设置应用程序时,它会spawn error ENOENT在触发时向控制台抛出一个.我确实在SO上找到了一个非常相似的问题,但这个问题似乎没有得到明确的回答.电子打包npm页面确实显示它们可以捆绑,但我找不到任何关于如何操作的文档.

ffmpeg node.js electron

12
推荐指数
3
解决办法
5060
查看次数

尝试通过X-Sendfile传送mp4时,iOS 10不会发送会话ID

我有一个PHP文件,唯一的工作是检查用户是否登录+如果设置了会话变量,然后通过nginx X-Sendfile传递文件.它可以在任何桌面浏览器上完美运行,以前可以在任何移动浏览器上运行 - 但在任何只有mp4的ios 10浏览器上都会失败.对我来说没什么意义的是,如果我评论该die()行,它会按预期工作,但PHP代码应该永远不会进入该行.

<?php
require_once('authConfig.php');
$userInfo = $auth0->getUser();
session_start();
include('cururl.php');
$murl = curPageURL();
parse_str($murl, $result);
$filename=$result['file'];
$folder=$result['folder'];
if (!$userInfo || !isset($_SESSION[$folder])) {
        header('Location:login.php');
        die();
}
$file="/var/www/uploads/" . $folder . "/" . $filename;
$aliasedFile = '/protected/' . $folder .'/' . $filename; 
$realFile = $file; 
header('Cache-Control: public, must-revalidate');
header('Pragma: no-cache');
header('Content-Type: ' . mime_content_type($file));
header('Content-Length: ' .(string)(filesize($realFile)) );
header('X-Accel-Redirect: ' . $aliasedFile);
exit;
?>
Run Code Online (Sandbox Code Playgroud)

我可以$_SESSION[$folder]通过将代码更改为:

if(isset($_SESSION[$folder])){
   echo "OK";
   die();
} 
Run Code Online (Sandbox Code Playgroud)

更新:这是来自iPhone的访问日志.它应该有权访问该文件.

10.0.0.1 forwarded for ..., 10.0.0.1 …
Run Code Online (Sandbox Code Playgroud)

php x-sendfile nginx ios10

10
推荐指数
1
解决办法
517
查看次数

OS X 编译错误:ld:找不到 x86_64 架构的符号

在这里编译的新手,请耐心等待。我正在尝试在 OS X 10.10.3 上使用make. 我安装了 XCode 6.3.1。我的 Makefile 是使用 qmake 生成的。编译器运行良好,直到它尝试运行最终构建命令并抛出错误:

Undefined symbols for architecture x86_64:
  "_iconv", referenced from:
      puntoexe::charsetConversionIconv::myIconv(void*, char*, unsigned long) const in charsetConversionIconv.o
  "_iconv_close", referenced from:
      puntoexe::charsetConversionIconv::close() in charsetConversionIconv.o
  "_iconv_open", referenced from:
      puntoexe::charsetConversionIconv::initialize(int) in charsetConversionIconv.o
ld: symbol(s) not found for architecture x86_64
clang: error: linker command failed with exit code 1 (use -v to see invocation)
make: *** [dicom2jpeg.app/Contents/MacOS/dicom2jpeg] Error 1
Run Code Online (Sandbox Code Playgroud)

我在这里发现多个线程描述了一个类似的问题,显然它归结为链接到 32 位库的编译器。对其他人有效的主要建议是将以下代码添加到 Makefile 中:

-stdlib=libstdc++
Run Code Online (Sandbox Code Playgroud)

qmake 生成的 Makefile 如下所示:

CC            = clang …
Run Code Online (Sandbox Code Playgroud)

c++ macos xcode makefile

6
推荐指数
0
解决办法
3851
查看次数

PHP:无法从临时目录移动上传的文件

我正在尝试使用这个PHP脚本将文件上传到动态创建的目录,但没有bueno.如果我只是设置$storeFolder = 'uploads';,但不会将它们移动到我的新文件夹,该脚本将有效.我已尝试手动创建文件夹,即使(eek)权限设置为777.即使仍然没有骰子.

<?php
$ds = DIRECTORY_SEPARATOR;
function curPageURL()
{
    $pageURL = 'http';
    if (isset($_SERVER["HTTPS"]) && strtolower($_SERVER["HTTPS"]) == "on") {
        $pageURL .= "s";
    }
    $pageURL .= "://";
    if ($_SERVER["SERVER_PORT"] != "80") {
        $pageURL .= $_SERVER["SERVER_NAME"] . ":" . $_SERVER["SERVER_PORT"] . $_SERVER["REQUEST_URI"];
    } else {
        $pageURL .= $_SERVER["SERVER_NAME"] . $_SERVER["REQUEST_URI"];
    }
    return $pageURL;
}
$murl = curPageURL();
parse_str($murl, $result);
$storeFolder = 'uploads' . $ds . $result['f'];
if (!is_dir($storeFolder)) {
    mkdir($storeFolder, 775);
}
if (!empty($_FILES)) {
    $tempFile   = $_FILES['file']['tmp_name'];
    $targetPath …
Run Code Online (Sandbox Code Playgroud)

php upload

1
推荐指数
1
解决办法
400
查看次数

标签 统计

php ×2

c++ ×1

electron ×1

ffmpeg ×1

html ×1

html5 ×1

html5-video ×1

ios10 ×1

javascript ×1

macos ×1

makefile ×1

nginx ×1

node.js ×1

upload ×1

video ×1

x-sendfile ×1

xcode ×1