8566654501

Committed 05 Apr 2024 07:39AM UTC coverage: 71.822% (+0.7%) from 71.152%

Build # 8566654501

Build Type

Pull #604

github

Committed by

web-flow

Commit Message

Merge 114a3f72b into 3955e28be

Pull Request Pull Request #604: Add 3-2-1 countdown

Run Details

394 of 614 branches covered (64.17%)

Branch coverage included in aggregate %.

76 of 87 new or added lines in 5 files covered. (87.36%)

50 existing lines in 1 file now uncovered.

911 of 1203 relevant lines covered (75.73%)

44.39 hits per line

Source File
Press 'n' to go to next uncovered line, 'b' for previous

52.08

/src/js/controls/camera-button.js

/**
 * @file camera-button.js
 * @since 2.0.0
 */

import videojs from 'video.js';

import Event from '../event';

const Button = videojs.getComponent('Button');
const Component = videojs.getComponent('Component');

/**
 * Button to toggle between create and retry snapshot image.
 *
 * @class
 * @augments videojs.Button
*/
class CameraButton extends Button {
    /**
     * Builds the default DOM `className`.
     *
     * @return {string}
     *         The DOM `className` for this object.
     */
    buildCSSClass() {
        return 'vjs-camera-button vjs-control vjs-button vjs-icon-photo-camera';
    }

    /**
     * Enable the `CameraButton` element so that it can be activated or clicked.
     */
    enable() {
        super.enable();

        this.on(this.player_, Event.START_COUNTDOWN, this.onStartCountdown);
        this.on(this.player_, Event.FINISH_COUNTDOWN, this.onFinishCountdown);
        this.on(this.player_, Event.START_RECORD, this.onStart);
        this.on(this.player_, Event.STOP_RECORD, this.onStop);
    }

    /**
     * Disable the `CameraButton` element so that it cannot be activated or clicked.
     */
    disable() {
        super.disable();

        this.off(this.player_, Event.START_COUNTDOWN, this.onStartCountdown);
        this.off(this.player_, Event.FINISH_COUNTDOWN, this.onFinishCountdown);
        this.off(this.player_, Event.START_RECORD, this.onStart);
        this.off(this.player_, Event.STOP_RECORD, this.onStop);
    }

    /**
     * Show the `CameraButton` element if it is hidden by removing the
     * 'vjs-hidden' class name from it.
     */
    show() {
        if (this.layoutExclude && this.layoutExclude === true) {
            // ignore
            return;
        }
        super.show();
    }

    /**
     * This gets called when the button is clicked.
     *
     * @param {EventTarget~Event} event
     *        The `tap` or `click` event that caused this function to be
     *        called.
     *
     * @listens tap
     * @listens click
     */
    handleClick(event) {
        let recorder = this.player_.record();

        if (!recorder.isProcessing() && !recorder.isCountingDown()) {
            // create snapshot
            recorder.start();
        } else {
            if (recorder.isCountingDown()) {
                recorder.abortCountdown();
            }

            // retry
            recorder.retrySnapshot();

            // reset camera button appearance
            this.onStop();

            // trigger replay event
            this.player_.trigger(Event.RETRY);
        }
    }

    /**
     * Add the vjs-icon-replay class to the element so it can change appearance.
     *
     * @param {EventTarget~Event} [event]
     *        The event that caused this function to run.
     *
     * @listens Player#startRecord
     */
    onStart(event) {
        // replace element class so it can change appearance
        this.removeClass('vjs-icon-photo-camera');
        this.addClass('vjs-icon-replay');

        let recorder = this.player_.record();
        if (!recorder.isCountingDown()) {
            // change the button text
            this.controlText('Retry');
        }
    }

    /**
     * Add the vjs-icon-photo-camera class to the element so it can change appearance.
     *
     * @param {EventTarget~Event} [event]
     *        The event that caused this function to run.
     *
     * @listens Player#stopRecord
     */
    onStop(event) {
        // replace element class so it can change appearance
        this.removeClass('vjs-icon-replay');
        this.addClass('vjs-icon-photo-camera');

        // change the button text
        this.controlText('Image');
    }

    /**
     * Change control text.
     *
     * @param {EventTarget~Event} [event]
     *        The event that caused this function to run.
     *
     * @listens Player#startRecord
     */
    onStartCountdown(event) {
        // change the button text
        this.controlText('Reset');
    }

    /**
     * Change control text.
     *
     * @param {EventTarget~Event} [event]
     *        The event that caused this function to run.
     *
     * @listens Player#startRecord
     */
    onFinishCountdown(event) {
        // change the button text
        this.controlText('Retry');
    }
}

/**
 * The text that should display over the `CameraButton`s controls. Added for localization.
 *
 * @type {string}
 * @private
 */
CameraButton.prototype.controlText_ = 'Image';

Component.registerComponent('CameraButton', CameraButton);

export default CameraButton;

1	/**
2	* @file camera-button.js
3	* @since 2.0.0
4	*/
5
6	import videojs from 'video.js';
7
8	import Event from '../event';
9
10	const Button = videojs.getComponent('Button');	1✔
11	const Component = videojs.getComponent('Component');	1✔
12
13	/**
14	* Button to toggle between create and retry snapshot image.
15	*
16	* @class
17	* @augments videojs.Button
18	*/
19	class CameraButton extends Button {
20	/**
21	* Builds the default DOM `className`.
22	*
23	* @return {string}
24	* The DOM `className` for this object.
25	*/
26	buildCSSClass() {
27	return 'vjs-camera-button vjs-control vjs-button vjs-icon-photo-camera';	31✔
28	}
29
30	/**
31	* Enable the `CameraButton` element so that it can be activated or clicked.
32	*/
33	enable() {
34	super.enable();	31✔
35
36	this.on(this.player_, Event.START_COUNTDOWN, this.onStartCountdown);	31✔
37	this.on(this.player_, Event.FINISH_COUNTDOWN, this.onFinishCountdown);	31✔
38	this.on(this.player_, Event.START_RECORD, this.onStart);	31✔
39	this.on(this.player_, Event.STOP_RECORD, this.onStop);	31✔
40	}
41
42	/**
43	* Disable the `CameraButton` element so that it cannot be activated or clicked.
44	*/
45	disable() {
46	super.disable();	×
47
NEW 48	this.off(this.player_, Event.START_COUNTDOWN, this.onStartCountdown);	×
NEW 49	this.off(this.player_, Event.FINISH_COUNTDOWN, this.onFinishCountdown);	×
50	this.off(this.player_, Event.START_RECORD, this.onStart);	×
51	this.off(this.player_, Event.STOP_RECORD, this.onStop);	×
52	}
53
54	/**
55	* Show the `CameraButton` element if it is hidden by removing the
56	* 'vjs-hidden' class name from it.
57	*/
58	show() {
59	if (this.layoutExclude && this.layoutExclude === true) {	2!
60	// ignore
61	return;	×
62	}
63	super.show();	2✔
64	}
65
66	/**
67	* This gets called when the button is clicked.
68	*
69	* @param {EventTarget~Event} event
70	* The `tap` or `click` event that caused this function to be
71	* called.
72	*
73	* @listens tap
74	* @listens click
75	*/
76	handleClick(event) {
77	let recorder = this.player_.record();	×
78
NEW 79	if (!recorder.isProcessing() && !recorder.isCountingDown()) {	×
80	// create snapshot
81	recorder.start();	×
82	} else {
NEW 83	if (recorder.isCountingDown()) {	×
NEW 84	recorder.abortCountdown();	×
85	}
86
87	// retry
88	recorder.retrySnapshot();	×
89
90	// reset camera button appearance
91	this.onStop();	×
92
93	// trigger replay event
94	this.player_.trigger(Event.RETRY);	×
95	}
96	}
97
98	/**
99	* Add the vjs-icon-replay class to the element so it can change appearance.
100	*
101	* @param {EventTarget~Event} [event]
102	* The event that caused this function to run.
103	*
104	* @listens Player#startRecord
105	*/
106	onStart(event) {
107	// replace element class so it can change appearance
108	this.removeClass('vjs-icon-photo-camera');	13✔
109	this.addClass('vjs-icon-replay');	13✔
110
111	let recorder = this.player_.record();	13✔
112	if (!recorder.isCountingDown()) {	13!
113	// change the button text
114	this.controlText('Retry');	13✔
115	}
116	}
117
118	/**
119	* Add the vjs-icon-photo-camera class to the element so it can change appearance.
120	*
121	* @param {EventTarget~Event} [event]
122	* The event that caused this function to run.
123	*
124	* @listens Player#stopRecord
125	*/
126	onStop(event) {
127	// replace element class so it can change appearance
128	this.removeClass('vjs-icon-replay');	15✔
129	this.addClass('vjs-icon-photo-camera');	15✔
130
131	// change the button text
132	this.controlText('Image');	15✔
133	}
134
135	/**
136	* Change control text.
137	*
138	* @param {EventTarget~Event} [event]
139	* The event that caused this function to run.
140	*
141	* @listens Player#startRecord
142	*/
143	onStartCountdown(event) {
144	// change the button text
145	this.controlText('Reset');	14✔
146	}
147
148	/**
149	* Change control text.
150	*
151	* @param {EventTarget~Event} [event]
152	* The event that caused this function to run.
153	*
154	* @listens Player#startRecord
155	*/
156	onFinishCountdown(event) {
157	// change the button text
158	this.controlText('Retry');	2✔
159	}
160	}
161
162	/**
163	* The text that should display over the `CameraButton`s controls. Added for localization.
164	*
165	* @type {string}
166	* @private
167	*/
168	CameraButton.prototype.controlText_ = 'Image';	1✔
169
170	Component.registerComponent('CameraButton', CameraButton);	1✔
171
172	export default CameraButton;

collab-project / videojs-record / 8566654501

Source File Press 'n' to go to next uncovered line, 'b' for previous

Source File
Press 'n' to go to next uncovered line, 'b' for previous