How to add subtitle setting dynamically?

[Tescan-group]

Hey there, could you help me out on how to add a subtitle menu like you have in the player at artplayer.org settings dynamically?

I want to add it in this JS code without having to create a new player if possible;

document.getElementById("ChangeServerButton").addEventListener("click", function() {
                art.switchUrl('<?php echo $videoUrl; ?>');
                art.quality = [];
                <?php if(isset($subtitles['English'])) : ?>
                    art.subtitle.url = '<?php echo $subtitles['English']; ?>';
                    art.subtitle.style({
                        color: '#fe9200',
                        fontSize: '25px',
                    });
                <?php endif; ?>
                
            	
            });

I basically want to add the subtitle option on the screenshot below without re-building the player;

[zhw2590582]

You can update settings:

https://artplayer.org/document/en/component/setting.html#updates