b-blocks / build / audio-player / block.json

block.json in bBlocks – Essential Gutenberg Blocks & Patterns Collection 2.1.8, at build/audio-player/block.json

862 lines 18.2 KB

Raw Download Zip

1	{
2	"$schema": "https://schemas.wp.org/trunk/block.json",
3	"apiVersion": 3,
4	"name": "b-blocks/audio-player",
5	"title": "Audio Player",
6	"category": "bBlocks",
7	"description": "A custom-styled HTML5 audio player with bar, card, sound-bars, vinyl, coverflow and playlist themes.",
8	"keywords": [
9	"audio player",
10	"podcast",
11	"music",
12	"mp3",
13	"html5 audio",
14	"playlist"
15	],
16	"textdomain": "b-blocks",
17	"attributes": {
18	"align": {
19	"type": "string",
20	"default": ""
21	},
22	"audio": {
23	"type": "object",
24	"default": {
25	"url": "",
26	"id": 0,
27	"trackTitle": "",
28	"artistName": "",
29	"albumArt": {
30	"url": "",
31	"id": 0
32	}
33	}
34	},
35	"tracks": {
36	"type": "array",
37	"default": []
38	},
39	"behavior": {
40	"type": "object",
41	"default": {
42	"autoPlay": false,
43	"loop": false,
44	"showDownload": true,
45	"showSeek": true,
46	"showTimecode": true,
47	"showVolume": true,
48	"showSkip": true,
49	"skipSeconds": 10,
50	"showRestart": false,
51	"showStop": false,
52	"showRepeat": false,
53	"showSpeed": false,
54	"speeds": [
55	1,
56	1.25,
57	1.5,
58	2
59	],
60	"showRemaining": false
61	}
62	},
63	"layout": {
64	"type": "object",
65	"default": {
66	"style": "bar",
67	"alignment": "left",
68	"maxWidth": {
69	"desktop": "",
70	"tablet": "",
71	"mobile": ""
72	}
73	}
74	},
75	"player": {
76	"type": "object",
77	"default": {
78	"bg": {
79	"type": "solid",
80	"color": "#006F9E"
81	},
82	"border": {},
83	"borderRadius": {
84	"desktop": {
85	"top": "8px",
86	"right": "8px",
87	"bottom": "8px",
88	"left": "8px"
89	},
90	"tablet": {
91	"top": "",
92	"right": "",
93	"bottom": "",
94	"left": ""
95	},
96	"mobile": {
97	"top": "",
98	"right": "",
99	"bottom": "",
100	"left": ""
101	}
102	},
103	"padding": {
104	"desktop": {
105	"top": "16px",
106	"right": "20px",
107	"bottom": "16px",
108	"left": "20px"
109	},
110	"tablet": {
111	"top": "",
112	"right": "",
113	"bottom": "",
114	"left": ""
115	},
116	"mobile": {
117	"top": "",
118	"right": "",
119	"bottom": "",
120	"left": ""
121	}
122	}
123	}
124	},
125	"colors": {
126	"type": "object",
127	"default": {
128	"control": "#ffffff",
129	"accent": "",
130	"track": "",
131	"trackActive": ""
132	}
133	},
134	"title": {
135	"type": "object",
136	"default": {
137	"color": "#ffffff",
138	"typo": {
139	"fontSize": {
140	"desktop": "15px",
141	"tablet": "",
142	"mobile": ""
143	},
144	"fontWeight": "600"
145	},
146	"bg": {
147	"type": "solid",
148	"color": ""
149	},
150	"border": {},
151	"borderRadius": {
152	"desktop": {
153	"top": "",
154	"right": "",
155	"bottom": "",
156	"left": ""
157	},
158	"tablet": {
159	"top": "",
160	"right": "",
161	"bottom": "",
162	"left": ""
163	},
164	"mobile": {
165	"top": "",
166	"right": "",
167	"bottom": "",
168	"left": ""
169	}
170	}
171	}
172	},
173	"artist": {
174	"type": "object",
175	"default": {
176	"color": "#ffffff",
177	"typo": {
178	"fontSize": {
179	"desktop": "13px",
180	"tablet": "",
181	"mobile": ""
182	}
183	},
184	"bg": {
185	"type": "solid",
186	"color": ""
187	},
188	"border": {},
189	"borderRadius": {
190	"desktop": {
191	"top": "",
192	"right": "",
193	"bottom": "",
194	"left": ""
195	},
196	"tablet": {
197	"top": "",
198	"right": "",
199	"bottom": "",
200	"left": ""
201	},
202	"mobile": {
203	"top": "",
204	"right": "",
205	"bottom": "",
206	"left": ""
207	}
208	}
209	}
210	},
211	"buttonStyle": {
212	"type": "object",
213	"default": {
214	"color": "",
215	"bg": {
216	"type": "solid",
217	"color": ""
218	},
219	"hoverColor": "",
220	"hoverBg": {
221	"type": "solid",
222	"color": ""
223	},
224	"padding": {
225	"desktop": {
226	"top": "",
227	"right": "",
228	"bottom": "",
229	"left": ""
230	},
231	"tablet": {
232	"top": "",
233	"right": "",
234	"bottom": "",
235	"left": ""
236	},
237	"mobile": {
238	"top": "",
239	"right": "",
240	"bottom": "",
241	"left": ""
242	}
243	},
244	"margin": {
245	"desktop": {
246	"top": "",
247	"right": "",
248	"bottom": "",
249	"left": ""
250	},
251	"tablet": {
252	"top": "",
253	"right": "",
254	"bottom": "",
255	"left": ""
256	},
257	"mobile": {
258	"top": "",
259	"right": "",
260	"bottom": "",
261	"left": ""
262	}
263	},
264	"border": {},
265	"borderRadius": {
266	"desktop": {
267	"top": "",
268	"right": "",
269	"bottom": "",
270	"left": ""
271	},
272	"tablet": {
273	"top": "",
274	"right": "",
275	"bottom": "",
276	"left": ""
277	},
278	"mobile": {
279	"top": "",
280	"right": "",
281	"bottom": "",
282	"left": ""
283	}
284	},
285	"iconSize": {
286	"desktop": "",
287	"tablet": "",
288	"mobile": ""
289	}
290	}
291	},
292	"playBtnStyle": {
293	"type": "object",
294	"default": {
295	"color": "#fff",
296	"bg": {
297	"type": "solid",
298	"color": ""
299	},
300	"hoverBg": {
301	"type": "solid",
302	"color": ""
303	},
304	"iconSize": {
305	"desktop": "",
306	"tablet": "",
307	"mobile": ""
308	}
309	}
310	},
311	"skipBtnStyle": {
312	"type": "object",
313	"default": {
314	"bg": {
315	"type": "solid",
316	"color": ""
317	},
318	"hoverBg": {
319	"type": "solid",
320	"color": ""
321	},
322	"iconSize": {
323	"desktop": "",
324	"tablet": "",
325	"mobile": ""
326	}
327	}
328	},
329	"restartBtnStyle": {
330	"type": "object",
331	"default": {
332	"bg": {
333	"type": "solid",
334	"color": ""
335	},
336	"hoverBg": {
337	"type": "solid",
338	"color": ""
339	},
340	"iconSize": {
341	"desktop": "",
342	"tablet": "",
343	"mobile": ""
344	}
345	}
346	},
347	"repeatBtnStyle": {
348	"type": "object",
349	"default": {
350	"bg": {
351	"type": "solid",
352	"color": ""
353	},
354	"hoverBg": {
355	"type": "solid",
356	"color": ""
357	},
358	"iconSize": {
359	"desktop": "",
360	"tablet": "",
361	"mobile": ""
362	}
363	}
364	},
365	"stopBtnStyle": {
366	"type": "object",
367	"default": {
368	"bg": {
369	"type": "solid",
370	"color": ""
371	},
372	"hoverBg": {
373	"type": "solid",
374	"color": ""
375	},
376	"iconSize": {
377	"desktop": "",
378	"tablet": "",
379	"mobile": ""
380	}
381	}
382	},
383	"speedBtnStyle": {
384	"type": "object",
385	"default": {
386	"bg": {
387	"type": "solid",
388	"color": ""
389	},
390	"hoverBg": {
391	"type": "solid",
392	"color": ""
393	}
394	}
395	},
396	"volumeStyle": {
397	"type": "object",
398	"default": {
399	"trackColor": "#FFFFFF",
400	"fillColor": "#EAEAEA",
401	"margin": {
402	"desktop": {
403	"top": "",
404	"right": "",
405	"bottom": "",
406	"left": ""
407	},
408	"tablet": {
409	"top": "",
410	"right": "",
411	"bottom": "",
412	"left": ""
413	},
414	"mobile": {
415	"top": "",
416	"right": "",
417	"bottom": "",
418	"left": ""
419	}
420	},
421	"padding": {
422	"desktop": {
423	"top": "",
424	"right": "",
425	"bottom": "",
426	"left": ""
427	},
428	"tablet": {
429	"top": "",
430	"right": "",
431	"bottom": "",
432	"left": ""
433	},
434	"mobile": {
435	"top": "",
436	"right": "",
437	"bottom": "",
438	"left": ""
439	}
440	},
441	"borderRadius": {
442	"desktop": {
443	"top": "",
444	"right": "",
445	"bottom": "",
446	"left": ""
447	},
448	"tablet": {
449	"top": "",
450	"right": "",
451	"bottom": "",
452	"left": ""
453	},
454	"mobile": {
455	"top": "",
456	"right": "",
457	"bottom": "",
458	"left": ""
459	}
460	},
461	"border": {}
462	}
463	},
464	"downloadStyle": {
465	"type": "object",
466	"default": {
467	"bg": {
468	"type": "solid",
469	"color": ""
470	},
471	"hoverBg": {
472	"type": "solid",
473	"color": ""
474	},
475	"iconSize": {
476	"desktop": "",
477	"tablet": "",
478	"mobile": ""
479	}
480	}
481	},
482	"seekStyle": {
483	"type": "object",
484	"default": {
485	"trackColor": "#FFFFFF",
486	"fillColor": "#EAEAEA",
487	"margin": {
488	"desktop": {
489	"top": "",
490	"right": "",
491	"bottom": "",
492	"left": ""
493	},
494	"tablet": {
495	"top": "",
496	"right": "",
497	"bottom": "",
498	"left": ""
499	},
500	"mobile": {
501	"top": "",
502	"right": "",
503	"bottom": "",
504	"left": ""
505	}
506	},
507	"borderRadius": {
508	"desktop": {
509	"top": "",
510	"right": "",
511	"bottom": "",
512	"left": ""
513	},
514	"tablet": {
515	"top": "",
516	"right": "",
517	"bottom": "",
518	"left": ""
519	},
520	"mobile": {
521	"top": "",
522	"right": "",
523	"bottom": "",
524	"left": ""
525	}
526	},
527	"trackSize": {
528	"desktop": "",
529	"tablet": "",
530	"mobile": ""
531	},
532	"fillSize": {
533	"desktop": "",
534	"tablet": "",
535	"mobile": ""
536	}
537	}
538	},
539	"timecode": {
540	"type": "object",
541	"default": {
542	"position": "left",
543	"color": "",
544	"typo": {}
545	}
546	},
547	"playlistStyle": {
548	"type": "object",
549	"default": {
550	"bg": {
551	"type": "solid",
552	"color": ""
553	},
554	"color": "",
555	"activeBg": {
556	"type": "solid",
557	"color": ""
558	},
559	"activeColor": "",
560	"itemPadding": {
561	"desktop": {
562	"top": "",
563	"left": "",
564	"bottom": "",
565	"right": ""
566	},
567	"tablet": {
568	"top": "",
569	"left": "",
570	"bottom": "",
571	"right": ""
572	},
573	"mobile": {
574	"top": "",
575	"left": "",
576	"bottom": "",
577	"right": ""
578	}
579	},
580	"border": {},
581	"borderRadius": {
582	"desktop": {
583	"top": "",
584	"left": "",
585	"bottom": "",
586	"right": ""
587	},
588	"tablet": {
589	"top": "",
590	"left": "",
591	"bottom": "",
592	"right": ""
593	},
594	"mobile": {
595	"top": "",
596	"left": "",
597	"bottom": "",
598	"right": ""
599	}
600	}
601	}
602	},
603	"advanced": {
604	"type": "object",
605	"default": {
606	"dimension": {
607	"padding": {
608	"desktop": {
609	"top": "",
610	"right": "",
611	"bottom": "",
612	"left": ""
613	},
614	"tablet": {
615	"top": "",
616	"right": "",
617	"bottom": "",
618	"left": ""
619	},
620	"mobile": {
621	"top": "",
622	"right": "",
623	"bottom": "",
624	"left": ""
625	}
626	}
627	},
628	"borderShadow": {
629	"normal": {
630	"radius": {
631	"top": "",
632	"right": "",
633	"bottom": "",
634	"left": ""
635	},
636	"shadow": [
637	{
638	"hOffset": "",
639	"vOffset": "",
640	"blur": "",
641	"spreed": "",
642	"color": "#7090b000",
643	"isInset": false
644	}
645	]
646	}
647	},
648	"background": {
649	"normal": {
650	"type": "color",
651	"color": "rgba(255, 255, 255, 0)",
652	"gradient": {
653	"type": "radial",
654	"radialType": "ellipse",
655	"colors": [
656	{
657	"color": "rgba(58, 66, 222, 1)",
658	"position": "0"
659	},
660	{
661	"color": "rgba(176, 195, 235, 1)",
662	"position": "80"
663	}
664	],
665	"centerPositions": {
666	"x": 50,
667	"y": 50
668	},
669	"angel": 90
670	},
671	"img": {
672	"url": "",
673	"desktop": {
674	"position": "center-center",
675	"xPosition": 0,
676	"yPosition": 0,
677	"attachment": "",
678	"repeat": "no-repeat",
679	"size": "",
680	"customSize": "0px"
681	},
682	"tablet": {
683	"position": "center-center",
684	"xPosition": 0,
685	"yPosition": 0,
686	"attachment": "",
687	"repeat": "no-repeat",
688	"size": "",
689	"customSize": "0px"
690	},
691	"mobile": {
692	"position": "center-center",
693	"xPosition": 0,
694	"yPosition": 0,
695	"attachment": "",
696	"repeat": "no-repeat",
697	"size": "",
698	"customSize": "0px"
699	}
700	},
701	"transition": 0.3
702	}
703	},
704	"transform": {
705	"normal": {
706	"rotate": {
707	"desktop": {
708	"z": "",
709	"y": "",
710	"x": ""
711	},
712	"tablet": {
713	"z": "",
714	"y": "",
715	"x": ""
716	},
717	"mobile": {
718	"z": "",
719	"y": "",
720	"x": ""
721	},
722	"threeDRotate": false
723	},
724	"offset": {
725	"desktop": {
726	"x": "",
727	"y": ""
728	},
729	"tablet": {
730	"x": "",
731	"y": ""
732	},
733	"mobile": {
734	"x": "",
735	"y": ""
736	}
737	},
738	"scale": {
739	"isProportion": true,
740	"desktop": {
741	"x": "",
742	"y": "",
743	"scale": ""
744	},
745	"tablet": {
746	"x": "",
747	"y": "",
748	"scale": ""
749	},
750	"mobile": {
751	"x": "",
752	"y": "",
753	"scale": ""
754	}
755	},
756	"skew": {
757	"desktop": {
758	"x": "",
759	"y": ""
760	},
761	"tablet": {
762	"x": "",
763	"y": ""
764	},
765	"mobile": {
766	"x": "",
767	"y": ""
768	}
769	},
770	"flipX": false,
771	"flipY": false
772	},
773	"hover": {
774	"rotate": {
775	"desktop": {
776	"z": "",
777	"y": "",
778	"x": ""
779	},
780	"tablet": {
781	"z": "",
782	"y": "",
783	"x": ""
784	},
785	"mobile": {
786	"z": "",
787	"y": "",
788	"x": ""
789	},
790	"threeDRotate": false
791	},
792	"offset": {
793	"desktop": {
794	"x": "",
795	"y": ""
796	},
797	"tablet": {
798	"x": "",
799	"y": ""
800	},
801	"mobile": {
802	"x": "",
803	"y": ""
804	}
805	},
806	"scale": {
807	"isProportion": true,
808	"desktop": {
809	"x": "",
810	"y": "",
811	"scale": ""
812	},
813	"tablet": {
814	"x": "",
815	"y": "",
816	"scale": ""
817	},
818	"mobile": {
819	"x": "",
820	"y": "",
821	"scale": ""
822	}
823	},
824	"skew": {
825	"desktop": {
826	"x": "",
827	"y": ""
828	},
829	"tablet": {
830	"x": "",
831	"y": ""
832	},
833	"mobile": {
834	"x": "",
835	"y": ""
836	}
837	},
838	"flipX": false,
839	"flipY": false
840	},
841	"transition": 200
842	}
843	}
844	}
845	},
846	"supports": {
847	"align": [
848	"wide",
849	"full"
850	],
851	"html": false
852	},
853	"example": {
854	"attributes": {
855	"preview": true
856	}
857	},
858	"editorScript": "file:../index.js",
859	"style": "file:./view.css",
860	"render": "file:./render.php",
861	"viewScript": "file:./view.js"
862	}