@@ -452,14 +452,134 @@ export default function PlayerPage() {
452452 < InlineMenu
453453 trigger = { < SpeedIcon size = { 25 } color = { theme . text } /> }
454454 options = { [
455- { label : "0.25x" , onPress : ( ) => { } } ,
456- { label : "0.5x" , onPress : ( ) => { } } ,
457- { label : "0.75x" , onPress : ( ) => { } } ,
458- { label : "1x" , onPress : ( ) => { } } ,
459- { label : "1.25x" , onPress : ( ) => { } } ,
460- { label : "1.5x" , onPress : ( ) => { } } ,
461- { label : "1.75x" , onPress : ( ) => { } } ,
462- { label : "2x" , onPress : ( ) => { } } ,
455+ {
456+ label : "0.25x" ,
457+ onPress : ( ) => {
458+ if ( isEditor ) {
459+ setEdits ( ( prev ) => {
460+ const edit = {
461+ ...prev ,
462+ speed : 0.25 ,
463+ metadata : { ...prev . metadata } ,
464+ } ;
465+ saveEdits ( edit ) ;
466+ return edit ;
467+ } ) ;
468+ }
469+ } ,
470+ } ,
471+ {
472+ label : "0.5x" ,
473+ onPress : ( ) => {
474+ if ( isEditor ) {
475+ setEdits ( ( prev ) => {
476+ const edit = {
477+ ...prev ,
478+ speed : 0.5 ,
479+ metadata : { ...prev . metadata } ,
480+ } ;
481+ saveEdits ( edit ) ;
482+ return edit ;
483+ } ) ;
484+ }
485+ } ,
486+ } ,
487+ {
488+ label : "0.75x" ,
489+ onPress : ( ) => {
490+ if ( isEditor ) {
491+ setEdits ( ( prev ) => {
492+ const edit = {
493+ ...prev ,
494+ speed : 0.75 ,
495+ metadata : { ...prev . metadata } ,
496+ } ;
497+ saveEdits ( edit ) ;
498+ return edit ;
499+ } ) ;
500+ }
501+ } ,
502+ } ,
503+ {
504+ label : "1x" ,
505+ onPress : ( ) => {
506+ if ( isEditor ) {
507+ setEdits ( ( prev ) => {
508+ const edit = {
509+ ...prev ,
510+ speed : 1 ,
511+ metadata : { ...prev . metadata } ,
512+ } ;
513+ saveEdits ( edit ) ;
514+ return edit ;
515+ } ) ;
516+ }
517+ } ,
518+ } ,
519+ {
520+ label : "1.25x" ,
521+ onPress : ( ) => {
522+ if ( isEditor ) {
523+ setEdits ( ( prev ) => {
524+ const edit = {
525+ ...prev ,
526+ speed : 1.25 ,
527+ metadata : { ...prev . metadata } ,
528+ } ;
529+ saveEdits ( edit ) ;
530+ return edit ;
531+ } ) ;
532+ }
533+ } ,
534+ } ,
535+ {
536+ label : "1.5x" ,
537+ onPress : ( ) => {
538+ if ( isEditor ) {
539+ setEdits ( ( prev ) => {
540+ const edit = {
541+ ...prev ,
542+ speed : 1.5 ,
543+ metadata : { ...prev . metadata } ,
544+ } ;
545+ saveEdits ( edit ) ;
546+ return edit ;
547+ } ) ;
548+ }
549+ } ,
550+ } ,
551+ {
552+ label : "1.75x" ,
553+ onPress : ( ) => {
554+ if ( isEditor ) {
555+ setEdits ( ( prev ) => {
556+ const edit = {
557+ ...prev ,
558+ speed : 1.75 ,
559+ metadata : { ...prev . metadata } ,
560+ } ;
561+ saveEdits ( edit ) ;
562+ return edit ;
563+ } ) ;
564+ }
565+ } ,
566+ } ,
567+ {
568+ label : "2x" ,
569+ onPress : ( ) => {
570+ if ( isEditor ) {
571+ setEdits ( ( prev ) => {
572+ const edit = {
573+ ...prev ,
574+ speed : 2 ,
575+ metadata : { ...prev . metadata } ,
576+ } ;
577+ saveEdits ( edit ) ;
578+ return edit ;
579+ } ) ;
580+ }
581+ } ,
582+ } ,
463583 ] }
464584 />
465585 </ View >
@@ -492,19 +612,81 @@ export default function PlayerPage() {
492612 < InlineMenu
493613 trigger = { < VolumeIcon size = { 25 } color = { theme . text } /> }
494614 options = { [
495- { label : `${ displayPercentage ( 0 ) } %` , onPress : ( ) => { } } ,
496- // { label: `${displayPercentage(0.5)}%`, onPress: () => {} },
497- // { label: `${displayPercentage(1)}%`, onPress: () => {} },
498- { label : `${ displayPercentage ( 1.25 ) } %` , onPress : ( ) => { } } ,
499- // { label: `${displayPercentage(1.5)}%`, onPress: () => {} },
500- // { label: `${displayPercentage(2)}%`, onPress: () => {} },
501- { label : `${ displayPercentage ( 2.5 ) } %` , onPress : ( ) => { } } ,
502- // { label: `${displayPercentage(3)}%`, onPress: () => {} },
503- // { label: `${displayPercentage(3.5)}%`, onPress: () => {} },
504- { label : `${ displayPercentage ( 3.75 ) } %` , onPress : ( ) => { } } ,
505- // { label: `${displayPercentage(4)}%`, onPress: () => {} },
506- // { label: `${displayPercentage(4.5)}%`, onPress: () => {} },
507- { label : `${ displayPercentage ( 5 ) } %` , onPress : ( ) => { } } ,
615+ {
616+ label : `${ displayPercentage ( 0 ) } %` ,
617+ onPress : ( ) => {
618+ if ( isEditor ) {
619+ setEdits ( ( prev ) => {
620+ const edit = {
621+ ...prev ,
622+ volume : 0 ,
623+ } ;
624+ saveEdits ( edit ) ;
625+ return edit ;
626+ } ) ;
627+ }
628+ } ,
629+ } ,
630+ {
631+ label : `${ displayPercentage ( 1.25 ) } %` ,
632+ onPress : ( ) => {
633+ if ( isEditor ) {
634+ setEdits ( ( prev ) => {
635+ const edit = {
636+ ...prev ,
637+ volume : 1.25 ,
638+ } ;
639+ saveEdits ( edit ) ;
640+ return edit ;
641+ } ) ;
642+ }
643+ } ,
644+ } ,
645+ {
646+ label : `${ displayPercentage ( 2.5 ) } %` ,
647+ onPress : ( ) => {
648+ if ( isEditor ) {
649+ setEdits ( ( prev ) => {
650+ const edit = {
651+ ...prev ,
652+ volume : 2.5 ,
653+ } ;
654+ saveEdits ( edit ) ;
655+ return edit ;
656+ } ) ;
657+ }
658+ } ,
659+ } ,
660+ {
661+ label : `${ displayPercentage ( 3.75 ) } %` ,
662+ onPress : ( ) => {
663+ if ( isEditor ) {
664+ setEdits ( ( prev ) => {
665+ const edit = {
666+ ...prev ,
667+ volume : 3.75 ,
668+ } ;
669+ saveEdits ( edit ) ;
670+ return edit ;
671+ } ) ;
672+ }
673+ } ,
674+ } ,
675+ {
676+ label : `${ displayPercentage ( 5 ) } %` ,
677+ onPress : ( ) => {
678+ if ( isEditor ) {
679+ setEdits ( ( prev ) => {
680+ const edit = {
681+ ...prev ,
682+ volume : 5 ,
683+ } ;
684+ saveEdits ( edit ) ;
685+ return edit ;
686+ } ) ;
687+ }
688+ } ,
689+ } ,
508690 ] }
509691 />
510692 </ View >
0 commit comments