/* Widget Name: Button Description: Create a custom button with flexible styling, icon support, and click tracking functionality. Author: SiteOrigin Author URI: https://siteorigin.com Documentation: https://siteorigin.com/widgets-bundle/button-widget-documentation/ Keywords: event, icon, link */ class SiteOrigin_Widget_Button_Widget extends SiteOrigin_Widget { public function __construct() { parent::__construct( 'sow-button', __( 'SiteOrigin Button', 'so-widgets-bundle' ), array( 'description' => __( 'Create a custom button with flexible styling, icon support, and click tracking functionality.', 'so-widgets-bundle' ), 'help' => 'https://siteorigin.com/widgets-bundle/button-widget-documentation/', ), array( ), false, plugin_dir_path( __FILE__ ) ); } public function get_settings_form() { return array( 'responsive_breakpoint' => array( 'type' => 'measurement', 'label' => __( 'Responsive Breakpoint', 'so-widgets-bundle' ), 'default' => '780px', 'description' => __( 'This setting controls when the Mobile Align setting will be used. The default value is 780px.', 'so-widgets-bundle' ), ), ); } public function initialize() { $this->register_frontend_styles( array( array( 'sow-button-base', plugin_dir_url( __FILE__ ) . 'css/style.css', array(), SOW_BUNDLE_VERSION, ), ) ); } public function get_widget_form() { return array( 'text' => array( 'type' => 'text', 'label' => __( 'Button Text', 'so-widgets-bundle' ), ), 'url' => array( 'type' => 'link', 'label' => __( 'Destination URL', 'so-widgets-bundle' ), 'allow_shortcode' => true, ), 'new_window' => array( 'type' => 'checkbox', 'default' => false, 'label' => __( 'Open in a new window', 'so-widgets-bundle' ), ), 'download' => array( 'type' => 'checkbox', 'default' => false, 'label' => __( 'Download', 'so-widgets-bundle' ), 'description' => __( 'The Destination URL will be downloaded when a user clicks on the button.', 'so-widgets-bundle' ), ), 'button_icon' => array( 'type' => 'section', 'label' => __( 'Icon', 'so-widgets-bundle' ), 'fields' => array( 'icon_selected' => array( 'type' => 'icon', 'label' => __( 'Icon', 'so-widgets-bundle' ), ), 'icon_color' => array( 'type' => 'color', 'label' => __( 'Icon Color', 'so-widgets-bundle' ), ), 'icon' => array( 'type' => 'media', 'label' => __( 'Image Icon', 'so-widgets-bundle' ), 'description' => __( 'Replaces the icon with your own image icon.', 'so-widgets-bundle' ), ), 'icon_placement' => array( 'type' => 'select', 'label' => __( 'Icon Placement', 'so-widgets-bundle' ), 'default' => 'left', 'options' => array( 'top' => __( 'Top', 'so-widgets-bundle' ), 'right' => __( 'Right', 'so-widgets-bundle' ), 'bottom' => __( 'Bottom', 'so-widgets-bundle' ), 'left' => __( 'Left', 'so-widgets-bundle' ), ), ), ), ), 'design' => array( 'type' => 'section', 'label' => __( 'Design and Layout', 'so-widgets-bundle' ), 'hide' => true, 'fields' => array( 'width' => array( 'type' => 'measurement', 'label' => __( 'Width', 'so-widgets-bundle' ), 'description' => __( 'Leave blank to let the button resize according to content.', 'so-widgets-bundle' ), ), 'align' => array( 'type' => 'select', 'label' => __( 'Align', 'so-widgets-bundle' ), 'default' => 'center', 'options' => array( 'left' => __( 'Left', 'so-widgets-bundle' ), 'right' => __( 'Right', 'so-widgets-bundle' ), 'center' => __( 'Center', 'so-widgets-bundle' ), 'justify' => __( 'Full Width', 'so-widgets-bundle' ), ), ), 'mobile_align' => array( 'type' => 'select', 'label' => __( 'Mobile Align', 'so-widgets-bundle' ), 'default' => 'center', 'options' => array( 'left' => __( 'Left', 'so-widgets-bundle' ), 'right' => __( 'Right', 'so-widgets-bundle' ), 'center' => __( 'Center', 'so-widgets-bundle' ), 'justify' => __( 'Full Width', 'so-widgets-bundle' ), ), ), 'theme' => array( 'type' => 'select', 'label' => __( 'Button Theme', 'so-widgets-bundle' ), 'default' => 'flat', 'options' => array( 'atom' => __( 'Atom', 'so-widgets-bundle' ), 'flat' => __( 'Flat', 'so-widgets-bundle' ), 'wire' => __( 'Wire', 'so-widgets-bundle' ), ), ), 'button_color' => array( 'type' => 'color', 'label' => __( 'Button Color', 'so-widgets-bundle' ), ), 'text_color' => array( 'type' => 'color', 'label' => __( 'Text Color', 'so-widgets-bundle' ), ), 'hover' => array( 'type' => 'checkbox', 'default' => true, 'label' => __( 'Use hover effects', 'so-widgets-bundle' ), 'state_emitter' => array( 'callback' => 'conditional', 'args' => array( 'hover[show]: val', 'hover[hide]: ! val', ), ), ), 'hover_background_color' => array( 'type' => 'color', 'label' => __( 'Hover Background Color', 'so-widgets-bundle' ), 'state_handler' => array( 'hover[show]' => array( 'show' ), 'hover[hide]' => array( 'hide' ), ), ), 'hover_text_color' => array( 'type' => 'color', 'label' => __( 'Hover Text Color', 'so-widgets-bundle' ), 'state_handler' => array( 'hover[show]' => array( 'show' ), 'hover[hide]' => array( 'hide' ), ), ), 'font' => array( 'type' => 'font', 'label' => __( 'Font', 'so-widgets-bundle' ), 'default' => 'default', ), 'font_size' => array( 'type' => 'measurement', 'label' => __( 'Font Size', 'so-widgets-bundle' ), 'default' => '1em', ), 'icon_size' => array( 'type' => 'measurement', 'label' => __( 'Icon Size', 'so-widgets-bundle' ), 'default' => '1.3em', ), 'padding' => array( 'type' => 'measurement', 'label' => __( 'Padding', 'so-widgets-bundle' ), 'default' => '1em', ), 'rounding' => array( 'type' => 'multi-measurement', 'label' => __( 'Rounding', 'so-widgets-bundle' ), 'default' => '0.25em 0.25em 0.25em 0.25em', 'measurements' => array( 'top' => array( 'label' => __( 'Top', 'so-widgets-bundle' ), ), 'right' => array( 'label' => __( 'Right', 'so-widgets-bundle' ), ), 'bottom' => array( 'label' => __( 'Bottom', 'so-widgets-bundle' ), ), 'left' => array( 'label' => __( 'Left', 'so-widgets-bundle' ), ), ), ), ), ), 'attributes' => array( 'type' => 'section', 'label' => __( 'Other Attributes and SEO', 'so-widgets-bundle' ), 'hide' => true, 'fields' => array( 'id' => array( 'type' => 'text', 'label' => __( 'Button ID', 'so-widgets-bundle' ), 'description' => __( 'An ID attribute allows you to target this button in JavaScript.', 'so-widgets-bundle' ), ), 'classes' => array( 'type' => 'text', 'label' => __( 'Button Classes', 'so-widgets-bundle' ), 'description' => __( 'Additional CSS classes added to the button link.', 'so-widgets-bundle' ), ), 'title' => array( 'type' => 'text', 'label' => __( 'Title Attribute', 'so-widgets-bundle' ), 'description' => __( 'Adds a title attribute to the button link.', 'so-widgets-bundle' ), ), 'on_click' => array( 'type' => 'text', 'label' => __( 'Onclick', 'so-widgets-bundle' ), 'description' => __( 'Run this JavaScript when the button is clicked. Ideal for tracking.', 'so-widgets-bundle' ), 'onclick' => true, ), 'rel' => array( 'type' => 'text', 'label' => __( 'Rel Attribute', 'so-widgets-bundle' ), 'description' => __( 'Adds a rel attribute to the button link.', 'so-widgets-bundle' ), ), ), ), ); } public function get_style_name( $instance ) { if ( empty( $instance['design']['theme'] ) ) { return 'atom'; } return $instance['design']['theme']; } /** * Get the variables for the Button Widget. * * @return array */ public function get_template_variables( $instance, $args ) { $button_attributes = array(); $attributes = $instance['attributes']; $classes = ! empty( $attributes['classes'] ) ? $attributes['classes'] : ''; if ( ! empty( $classes ) ) { $classes .= ' '; } $classes .= 'sowb-button ow-icon-placement-' . $instance['button_icon']['icon_placement']; if ( ! empty( $instance['design']['hover'] ) ) { $classes .= ' ow-button-hover'; } $button_attributes['class'] = implode( ' ', array_map( 'sanitize_html_class', explode( ' ', $classes ) ) ); if ( ! empty( $instance['new_window'] ) ) { $button_attributes['target'] = '_blank'; $button_attributes['rel'] = 'noopener noreferrer'; } if ( ! empty( $instance['download'] ) ) { $button_attributes['download'] = null; } if ( ! empty( $attributes['id'] ) ) { $button_attributes['id'] = $attributes['id']; } if ( ! empty( $attributes['title'] ) ) { $button_attributes['title'] = $attributes['title']; } if ( ! empty( $attributes['rel'] ) ) { if ( isset( $button_attributes['rel'] ) ) { $button_attributes['rel'] .= " $attributes[rel]"; } else { $button_attributes['rel'] = $attributes['rel']; } } $icon_image_url = ''; if ( ! empty( $instance['button_icon']['icon'] ) ) { $attachment = wp_get_attachment_image_src( $instance['button_icon']['icon'] ); if ( ! empty( $attachment ) ) { $icon_image_url = $attachment[0]; } } return array( 'button_attributes' => apply_filters( 'siteorigin_widgets_button_attributes', $button_attributes, $instance ), 'href' => ! empty( $instance['url'] ) ? $instance['url'] : '', 'on_click' => ! empty( $attributes['on_click'] ) ? $attributes['on_click'] : '', 'align' => $instance['design']['align'], 'icon_image_url' => $icon_image_url, 'icon' => $instance['button_icon']['icon_selected'], 'icon_color' => $instance['button_icon']['icon_color'], 'text' => $instance['text'], ); } /** * Get the variables that we'll be injecting into the less stylesheet. * * @return array */ public function get_less_variables( $instance ) { if ( empty( $instance ) || empty( $instance['design'] ) ) { return array(); } $text_color = isset( $instance['design']['text_color'] ) ? $instance['design']['text_color'] : ''; $button_color = isset( $instance['design']['button_color'] ) ? $instance['design']['button_color'] : ''; $less_vars = array( 'button_width' => isset( $instance['design']['width'] ) ? $instance['design']['width'] : '', 'button_color' => $button_color, 'text_color' => $text_color, 'icon_size' => ! empty( $instance['design']['icon_size'] ) ? $instance['design']['icon_size'] : '1.3em', 'hover_text_color' => ! empty( $instance['design']['hover_text_color'] ) ? $instance['design']['hover_text_color'] : $text_color, 'hover_background_color' => ! empty( $instance['design']['hover_background_color'] ) ? $instance['design']['hover_background_color'] : $button_color, 'font_size' => isset( $instance['design']['font_size'] ) ? $instance['design']['font_size'] : '', 'rounding' => isset( $instance['design']['rounding'] ) ? $instance['design']['rounding'] : '', 'padding' => isset( $instance['design']['padding'] ) ? $instance['design']['padding'] : '', 'has_text' => empty( $instance['text'] ) ? 'false' : 'true', 'responsive_breakpoint' => $this->get_global_settings( 'responsive_breakpoint' ), 'align' => ! empty( $instance['design']['align'] ) ? $instance['design']['align'] : 'center', 'mobile_align' => ! empty( $instance['design']['mobile_align'] ) ? $instance['design']['mobile_align'] : 'center', 'has_button_icon' => empty( $instance['button_icon']['icon_selected'] ) ? 'false' : 'true', ); if ( ! empty( $instance['design']['font'] ) ) { $font = siteorigin_widget_get_font( $instance['design']['font'] ); $less_vars['button_font'] = $font['family']; if ( ! empty( $font['weight'] ) ) { $less_vars['button_font_weight'] = $font['weight_raw']; $less_vars['button_font_style'] = $font['style']; } } return $less_vars; } /** * Make sure the instance is the most up to date version. * * @return mixed */ public function modify_instance( $instance ) { if ( empty( $instance ) ) { return array(); } $migrate_props = array( 'button_icon' => array( 'icon_selected', 'icon_color', 'icon', ), 'design' => array( 'align', 'theme', 'button_color', 'text_color', 'hover', 'hover_text_color', 'hover_background_color', 'font_size', 'rounding', 'padding', ), 'attributes' => array( 'id', ), ); foreach ( $migrate_props as $prop => $sub_props ) { if ( empty( $instance[ $prop ] ) ) { $instance[ $prop ] = array(); foreach ( $sub_props as $sub_prop ) { if ( isset( $instance[ $sub_prop ] ) ) { $instance[ $prop ][ $sub_prop ] = $instance[ $sub_prop ]; unset( $instance[ $sub_prop ] ); } } } } // Migrate onclick setting to prevent Wordfence flag. if ( ! empty( $instance['attributes'] ) && ! empty( $instance['attributes']['onclick'] ) ) { $instance['attributes']['on_click'] = $instance['attributes']['onclick']; } // If the mobile_align setting isn't set, set it to the same value as the align value. if ( ! empty( $instance['design'] ) && ! empty( $instance['design']['align'] ) && empty( $instance['design']['mobile_align'] ) ) { $instance['design']['mobile_align'] = $instance['design']['align']; } // Migrate predefined settings to more customizable settings. if ( ! empty( $instance['design']['font_size'] ) && is_numeric( $instance['design']['font_size'] ) ) { $instance['design']['font_size'] .= 'em'; } if ( ! empty( $instance['design']['padding'] ) && is_numeric( $instance['design']['padding'] ) ) { $instance['design']['padding'] .= 'em'; } if ( ! empty( $instance['design']['rounding'] ) && is_numeric( $instance['design']['rounding'] ) ) { $instance['design']['rounding'] = $instance['design']['rounding'] . 'em ' . $instance['design']['rounding'] . 'em ' . $instance['design']['rounding'] . 'em ' . $instance['design']['rounding'] . 'em'; } if ( empty( $instance['design']['icon_size'] ) ) { $instance['design']['icon_size'] = '1.3em'; } return $instance; } public function get_form_teaser() { if ( class_exists( 'SiteOrigin_Premium' ) ) { return false; } return array( sprintf( __( 'Add a beautiful tooltip to the Button Widget with %sSiteOrigin Premium%s', 'so-widgets-bundle' ), '', '' ), ); } } siteorigin_widget_register( 'sow-button', __FILE__, 'SiteOrigin_Widget_Button_Widget' );{"id":142618,"date":"2026-06-12T10:09:49","date_gmt":"2026-06-12T10:09:49","guid":{"rendered":"https:\/\/klecet.edu.in\/alumni\/?p=142618"},"modified":"2026-06-12T10:09:49","modified_gmt":"2026-06-12T10:09:49","slug":"sound-gets-real-jack-casino-launches-audio-support-in-canada","status":"publish","type":"post","link":"http:\/\/klecet.edu.in\/alumni\/sound-gets-real-jack-casino-launches-audio-support-in-canada\/","title":{"rendered":"Sound Gets Real Jack Casino Launches Audio Support in Canada"},"content":{"rendered":"
\n

Jack Casino is now a lot more vibrant for users in Canada. We’ve rolled out full audio support across the platform. This goes beyond a minor tweak. It’s a calculated push to add another layer to the gaming experience, making it more captivating and, crucially, more user-friendly. You’ll now hear the clink of chips, the spin of a roulette wheel, and a clear voice to help you find your way around. We implemented this because our players wanted it, and it’s part of our dedication on making Jack Casino the best place to play online in Canada.<\/p>\n

Audio Innovation : What Audio Support Means<\/h2>\n

Forget thinking of this as simple background tunes. We’ve built a comprehensive sound setup for the casino. It includes crisp effects for when you land a spin or claim a hand, genuine music from the games themselves, and a digital voice that walks you through the menus. The goal is to provide you feedback for every action you take. It immerses you in the moment, building an atmosphere that feels more like a real casino, all without leaving your couch.<\/p>\n

If you love slots, each game now boasts its own custom soundtrack and sound effects that fit its theme. If you play table games, pay attention to the distinct sounds of cards being dealt or the roulette ball bouncing. These nuances aren’t just for show. They immerse you further in the game, making your experience with us more dynamic. Sound has always been a key part of game design, but online platforms often considered it secondary. We’re changing that.<\/p>\n

A Closer Examination of Voice-Guided Navigation<\/h2>\n

The voice guidance feature is the star of this update. It uses modern text-to-speech tech to give you soothing, clear verbal hints as you explore the site. Activate it, and it will identify buttons and links as you hover over them, read game titles and promo headlines, and acknowledge actions like placing a bet. It offers a hands-free way to navigate the casino that feels both helpful and new.<\/p>\n

This is especially handy when you’re digging into a new game section or a busy tournament lobby. Instead of reading all the text, you can listen to your options. We worked hard to make the voice sound natural and paced just right, avoiding that flat, robotic tone these systems sometimes have. View it as a helpful guide that fits into your visit, not an annoying interruption.<\/p>\n

The Technical Core: Dependability and Performance<\/h2>\n

Ensuring this work seamlessly took some significant technical work. We were required to deliver high-quality, perfectly timed audio across numerous different games and browsers. To ensure quick loading, even on slower connections, we use optimized audio formats that load quickly. Our team collaborated with game studios to synchronize their audio systems, so you enjoy a stable experience whether you’re on a laptop, phone, or tablet.<\/p>\n

We recognize data usage is a concern to mobile players. Our audio system is designed to be efficient, and the app gives you clear choices to turn off audio or only download game assets when you’re on Wi-Fi. Stability was critical. We tested extensively to eliminate audio lag, which can disrupt the flow of a game, particularly with live dealers. Players in Canada should anticipate sound that’s crisp, synchronized, and dependable.<\/p>\n

Steps to Activate and Manage Your Audio Experience<\/h2>\n

You’re managing your sound. The options are straightforward and are located in a new audio preferences panel, typically marked by a speaker icon at the top corner of your screen. From there, you can switch all sound on or off, and you can customize the volume for game effects, background music, and the voice narration independently. This lets you to build the exact soundscape you want.<\/p>\n

Maybe you want the game music low but the sound of winning coins loud and clear. Or perhaps you need the voice guidance turned up a notch while you learn the layout. Your choices save to your account profile. Next time you log in, your personal audio mix will be ready. Take a minute to explore these settings. They allow you shape the experience to fit your mood and your surroundings.<\/p>\n

Boosting Usability and Inclusion<\/h2>\n

Usability is a major reason for this improvement. The new voice assistance makes Jack Casino more convenient to access for gamblers with vision issues, or for people who enjoys audio prompts. The system can announce menu choices, your current balance, bet notifications, and when you succeed. This broadens the platform to more individuals, letting them participate on their own terms. It fits with our goal to create a gaming space that embraces every Canadian player.<\/p>\n

The audio features also assist if you’re juggling two activities at once. Now you can check out the latest promotions or scan games while your gaze are busy somewhere else. Maybe you’re cooking dinner or just relaxing your sight. The audio system can keep you updated, so you won’t miss a new game or a bonus promotion while you’re off from the display.<\/p>\n

User Input and Next Audio Features<\/h2>\n

This whole project started with our gaming community. The Canadian community told us they wanted a richer, more immersive feel, and many highlighted the need for enhanced accessibility tools. We acted on those insights. This launch is the outcome of that dialogue. After evaluating it with players, the response has been great. People are sharing they experience a stronger bond to the games and value the dedication to accommodate all players.<\/p>\n

We consider this as the first step. We’re already exploring what comes next. Concepts being considered include multiple voice choices to choose from, ambient sound that evolves with the time of day, and even greater compatibility with screen readers. Our intention is to continue enhancing these features based on your real-world usage. The objective is straightforward: keep Jack Casino leading the way in Canada with enhancements that focus on the user.<\/p>\n

FAQ<\/h2>\n

How do I turn on the voice guidance at Jack Casino?<\/h3>\n

Find the speaker icon on the platform to open the audio settings. Inside, you’ll find a specific toggle or slider for “Voice Narration”. Enable it and set your preferred volume. Once active, the voice will speak navigational cues and game details as you move around.<\/p>\n

Is using audio features consume more of my mobile data?<\/h3>\n

Indeed, streaming audio will use some extra data. We use compressed formats to keep that impact as small as possible. For the best control, you can set the app to only download game assets over Wi-Fi in the settings. You can also turn audio off completely when you’re on a cellular connection to save your data.<\/p>\n

Am I able to customize different audio volumes separately?<\/h3>\n

Absolutely https:\/\/jackcasino.eu\/en-ca\/<\/a>. The audio control panel has separate sliders for Master Volume, Game Sounds, Game Music, and Voice Narration. Set them however you like. Crank up the win sounds but mute the music, or make the voice guidance your main focus. It’s your setup.<\/p>\n

Has the audio support feature available on all Jack Casino games?<\/h3>\n

Most of our games have it now. All our slots and table games from major providers come with integrated audio. The voice navigation works everywhere reddit.com<\/a> on the main site. A few older titles might have limited sound, but we’re pushing for updates. Live dealer games stream their own real audio directly from the studio.<\/p>\n

Will this update make the site more accessible for visually impaired players?<\/h3>\n

Yes, it does. The voice guidance describes what’s on screen and confirms your actions, which makes the platform much easier to use for players with visual impairments. It’s not a complete substitute for dedicated screen reader software, but it’s a major leap forward in making Jack Casino open and playable for everyone.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"

Jack Casino is now a lot more vibrant for users in Canada. We’ve rolled out full audio support across the platform. This goes beyond a minor tweak. It’s a calculated push to add another layer to the gaming experience, making it more captivating and, crucially, more user-friendly. You’ll now hear\u2026<\/p>\n

Continue reading<\/span><\/i><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-142618","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/posts\/142618","targetHints":{"allow":["GET"]}}],"collection":[{"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/comments?post=142618"}],"version-history":[{"count":1,"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/posts\/142618\/revisions"}],"predecessor-version":[{"id":142621,"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/posts\/142618\/revisions\/142621"}],"wp:attachment":[{"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/media?parent=142618"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/categories?post=142618"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/klecet.edu.in\/alumni\/wp-json\/wp\/v2\/tags?post=142618"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}