小编Lig*_*ght的帖子

JavaScript加载图像的进度

JS中有没有办法在加载图像时获取加载图像的进度?我想使用HTML5的新Progress标签来显示加载图像的进度.

我希望有类似的东西:

var someImage = new Image()
someImage.onloadprogress = function(e) { progressBar.value = e.loaded / e.total };
someImage.src = "image.jpg";
Run Code Online (Sandbox Code Playgroud)

javascript html5 image progress

46
推荐指数
4
解决办法
5万
查看次数

Web Audio API - 记录到MP3?

我在问,因为我无法在任何地方找到答案.我已经成功实现了RecorderJS,以便在JS中记录麦克风输入.但是,录制的文件是WAV,导致大文件.我正在寻找一种方法用JS直接录制到MP3,或者以某种方式将位编码为MP3而不是WAV.

怎么做到呢?是否有可以做到的Web Audio API功能或某种JS MP3编码器?

javascript html5 mp3 wav web-audio-api

16
推荐指数
2
解决办法
1万
查看次数

嵌入式Youtube播放器不会从全屏退出

好吧,我认为这是一个主要的Youtube错误,但我没有找到任何关于它的报告.

我有一个使用JavaScript Fullscreen API在全屏浏览器中显示的Web应用程序.

在网络应用程序中有一个嵌入式Youtube播放器.当您以全屏模式打开Youtube播放器时,再次单击Youtube的全屏按钮以退出播放器的全屏,它不会响应!

我确信这与浏览器已经处于全屏模式这一事实有关,因此存在某种冲突.

我创建了一个简化的示例,可以在这里查看:http: //run.plnkr.co/CjrrBGBvrSspfa92/

  1. 单击"GO FULLSCREEN"按钮.
  2. 播放视频并单击全屏按钮.该视频将全屏显示.
  3. 再次单击全屏按钮.它不会退出.

编辑:上面的html文件的代码在这里:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<iframe width="560" height="315" src="https://www.youtube.com/embed/b-6B2zyoFsI" frameborder="0" allowfullscreen></iframe>
<button id="btn">GO FULLSCREEN</button>

<script type="text/javascript">
    document.getElementById("btn").addEventListener("click", function() {
        var elem = document.documentElement;
        if (elem.requestFullscreen) {
            elem.requestFullscreen();
        } else if (elem.msRequestFullscreen) {
            elem.msRequestFullscreen();
        } else if (elem.mozRequestFullScreen) {
            elem.mozRequestFullScreen();
        } else if (elem.webkitRequestFullscreen) {
            elem.webkitRequestFullscreen();
        }
    });
</script>
</body>
</html>
Run Code Online (Sandbox Code Playgroud)

javascript youtube

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

如何完全从JavaScript添加新视频?

我试图添加一个新的VideoJS对象,并完全从JS设置,没有DOM视频元素.结果是视频已加载,但没有任何VideoJS控件.这是代码:

obj = document.createElement('video');
                $(obj).attr('id', 'example_video_1');
                $(obj).attr('class', 'video-js vjs-default-skin');

                var source = document.createElement('source');
                $(source).attr('src', path);
                $(source).attr('type', 'video/mp4');
                $(obj).append(source);

                $("#content").append(obj);
                _V_("example_video_1", {}, function () {
                    //
                    }
                });
Run Code Online (Sandbox Code Playgroud)

我将不胜感激,谢谢!

javascript html5 html5-video video.js

7
推荐指数
1
解决办法
2万
查看次数

最佳实践 - 使用display:none或使用JS创建文档中的HTML预编写?

我正在开发一个大型HTML5应用程序,我真的很想知道这个问题.我将有很多对话框和选项卡,将通过用户交互打开.

我想知道什么是最佳实践 - 在HTML文档中编写所有对话框和选项卡,并将display:none添加到所有文件中,或者每次用户进行相关交互时,使用JS或jQuery动态创建这些HTML部分.

在性能,易开发性,可读性等方面哪些更好?

任何帮助将不胜感激.

html javascript jquery

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

获取变换后旋转对象的宽度和高度

这个问题是问题的后续问题:变换后的宽度/高度.

我发布了一个新问题,因为这个问题只能解决宽度而不是高度.公式:

var x = $('#box').width()*Math.cos(rotationAngle) 
      + $('#box').height()*Math.sin(rotationAngle);
Run Code Online (Sandbox Code Playgroud)

适用于宽度,计算高度的等效公式是什么?

谢谢.

javascript css jquery css3

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

ThumbnailUtils.createVideoThumbnail 在捕获新视频时返回 NULL

我正在尝试从视频创建缩略图。我使用以下行:

Bitmap thumb = ThumbnailUtils.createVideoThumbnail(selectedVideoPath, MediaStore.Images.Thumbnails.MICRO_KIND);
Run Code Online (Sandbox Code Playgroud)

当我从图库中选择现有视频时效果很好,但在录制新视频然后尝试获取缩略图时返回 NULL,尽管路径有效 (/storage/emulated/0/airImagePicker/1394007123308.3gp).

我在HTC One Android 4.2.2

谢谢!

video android

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

通过JavaScript创建新的HTML5视频元素

我试图通过JS创建一个新的HTML5视频元素.因此,我尝试以与创建新图像相同的方式执行此操作,例如:obj = new Image()我写obj = new HTMLVideoElement().但这不起作用.我收到运行时错误:对象不支持此操作.怎么了?谢谢.

javascript html5 runtime-error html5-video

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