带有视频播放器的Html2Canvas

时间:2018-06-30 09:11:59

标签: javascript html

我有一个Jwplayer,我想与Html2canvas连接,因此它可以作为屏幕截图样式系统使用,但是对HTM2Canvas毫无帮助。在这里,我所能提供的帮助很大

<script type="text/javascript" language="javascript" src="http://html2canvas.hertzen.com/dist/jquery.js">
</script>
 <script type="text/javascript" language="javascript" src="http://html2canvas.hertzen.com/dist/html2canvas.min.js">
</script>
<script type="text/javascript" language="javascript" src="http://html2canvas.hertzen.com/dist/jquery.plugin.html2canvas.js">
</script>
<script src="//content.jwplatform.com/libraries/wr6i4gal.js"></script>
<script src="//s3.amazonaws.com/support-static.jwplayer.com/staging/modernizr.js"></script>
<script type="text/javascript">
                // jwplayer.key="\=";
                jwplayer.key = '\';</script><div id="video">
            </div>
            <script type="text/javascript">
                jwplayer('video').setup({
                    'skin': 'bekle',
                    logo: {
                        file: '',
                        position: 'top-right',
                        hide: false

                    },
                    'file': "m3u8",
                    'title': 'LIVE',
                    'aspectratio': '16:9',
                    stretching: 'exactfit',
                    'bufferlength': '5',
                    'height': '304px',
                    'width': '440px',
                    'primary': 'hls',
                    'sharing':'false',
                    'autostart': 'true',
                    'wmode': 'opaque',
                    'image': '',
                    'abouttext': 'live',
                    'aboutlink': ''
                });
            </script>

<script>
$('#video').html2canvas({
    onrendered : function(canvas) {
    var img = canvas.toDataURL();
    // img now contains an IMG URL, you can do various things with it, but most simply:
        $('<img>',{src:img}).appendTo($('body'));
            }
        });
</script>

我非常困惑,不确定接下来要去哪里。

0 个答案:

没有答案