mirror of https://github.com/sveltejs/svelte
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
121 lines
2.8 KiB
121 lines
2.8 KiB
/* generated by Svelte vX.Y.Z */
|
|
import {
|
|
SvelteComponent,
|
|
add_render_callback,
|
|
add_resize_listener,
|
|
detach,
|
|
element,
|
|
init,
|
|
insert,
|
|
listen,
|
|
noop,
|
|
raf,
|
|
run_all,
|
|
safe_not_equal
|
|
} from "svelte/internal";
|
|
|
|
function create_fragment(ctx) {
|
|
let video;
|
|
let video_updating = false;
|
|
let video_animationframe;
|
|
let video_resize_listener;
|
|
let dispose;
|
|
|
|
function video_timeupdate_handler() {
|
|
cancelAnimationFrame(video_animationframe);
|
|
|
|
if (!video.paused) {
|
|
video_animationframe = raf(video_timeupdate_handler);
|
|
video_updating = true;
|
|
}
|
|
|
|
/*video_timeupdate_handler*/ ctx[4].call(video);
|
|
}
|
|
|
|
return {
|
|
c() {
|
|
video = element("video");
|
|
if (/*videoHeight*/ ctx[1] === void 0 || /*videoWidth*/ ctx[2] === void 0) add_render_callback(() => /*video_resize_handler*/ ctx[5].call(video));
|
|
add_render_callback(() => /*video_elementresize_handler*/ ctx[6].call(video));
|
|
},
|
|
m(target, anchor) {
|
|
insert(target, video, anchor);
|
|
video_resize_listener = add_resize_listener(video, /*video_elementresize_handler*/ ctx[6].bind(video));
|
|
|
|
dispose = [
|
|
listen(video, "timeupdate", video_timeupdate_handler),
|
|
listen(video, "resize", /*video_resize_handler*/ ctx[5])
|
|
];
|
|
},
|
|
p(ctx, [dirty]) {
|
|
if (!video_updating && dirty & /*currentTime*/ 1 && !isNaN(/*currentTime*/ ctx[0])) {
|
|
video.currentTime = /*currentTime*/ ctx[0];
|
|
}
|
|
|
|
video_updating = false;
|
|
},
|
|
i: noop,
|
|
o: noop,
|
|
d(detaching) {
|
|
if (detaching) detach(video);
|
|
video_resize_listener.cancel();
|
|
run_all(dispose);
|
|
}
|
|
};
|
|
}
|
|
|
|
function instance($$self, $$props, $$invalidate) {
|
|
let { currentTime } = $$props;
|
|
let { videoHeight } = $$props;
|
|
let { videoWidth } = $$props;
|
|
let { offsetWidth } = $$props;
|
|
|
|
function video_timeupdate_handler() {
|
|
currentTime = this.currentTime;
|
|
$$invalidate(0, currentTime);
|
|
}
|
|
|
|
function video_resize_handler() {
|
|
videoHeight = this.videoHeight;
|
|
videoWidth = this.videoWidth;
|
|
$$invalidate(1, videoHeight);
|
|
$$invalidate(2, videoWidth);
|
|
}
|
|
|
|
function video_elementresize_handler() {
|
|
offsetWidth = this.offsetWidth;
|
|
$$invalidate(3, offsetWidth);
|
|
}
|
|
|
|
$$self.$set = $$props => {
|
|
if ("currentTime" in $$props) $$invalidate(0, currentTime = $$props.currentTime);
|
|
if ("videoHeight" in $$props) $$invalidate(1, videoHeight = $$props.videoHeight);
|
|
if ("videoWidth" in $$props) $$invalidate(2, videoWidth = $$props.videoWidth);
|
|
if ("offsetWidth" in $$props) $$invalidate(3, offsetWidth = $$props.offsetWidth);
|
|
};
|
|
|
|
return [
|
|
currentTime,
|
|
videoHeight,
|
|
videoWidth,
|
|
offsetWidth,
|
|
video_timeupdate_handler,
|
|
video_resize_handler,
|
|
video_elementresize_handler
|
|
];
|
|
}
|
|
|
|
class Component extends SvelteComponent {
|
|
constructor(options) {
|
|
super();
|
|
|
|
init(this, options, instance, create_fragment, safe_not_equal, {
|
|
currentTime: 0,
|
|
videoHeight: 1,
|
|
videoWidth: 2,
|
|
offsetWidth: 3
|
|
});
|
|
}
|
|
}
|
|
|
|
export default Component; |