If you don't find an answer, please click here to post your question.
Reply
Frequent Advisor
Posts: 46
Registered: ‎07-28-2016

change volume color from white to other color

[ Edited ]

How to change the default volume and video playing color from white to other color.

i am using ooyala default player  for ios.

 

PFA for reference

IMG_0270.jpg
Ooyalan
Posts: 31
Registered: ‎06-23-2015

Re: change volume color from white to other color

[ Edited ]

Hello,

 

For the Ooyala player v4 , we could control player skin configurations in the json packed inside the SDK. 

https://github.com/ooyala/skin-config/blob/857608f90ffbc1b78b16799caec0b9276bdba915/skin.json#L146-L...

 

Below are the support doc that will help.

http://help.ooyala.com/video-platform/concepts/ios_v4_gettingthesdk.html

http://help.ooyala.com/video-platform/concepts/pbv4_customize.html

 

Please let me know the version of the SDK that you are using , to provide with more accurate info. Good day!

 

Regards,

Vaidee

Frequent Advisor
Posts: 46
Registered: ‎07-28-2016

Re: change volume color from white to other color

[ Edited ]

I don't know which version i am using,but i am downloaded the framework from githhub from this url
https://github.com/ooyala/ios-sample-apps.
I have changes the volume control color but it didn't worked me.

 

From the attachment i need to change blue color to some other color based on our app color.

please help me where can i get latest framework to implement it in our app.

IMG_0271.jpg
Ooyalan
Posts: 31
Registered: ‎06-23-2015

Re: change volume color from white to other color

Hello,

 

The sample apps are up-to-date and currently they are using Ooyala SDK v4.16.0. As i suggested earlier, you could manage the volume control color in skin config json. Below is the place to make the change. Make sure to build the app , once the change is saved.

  • ios-sample-apps/vendor/Ooyala/OoyalaSkinSDK-iOS/skin.json 

Please let me know if you have any further questions. Thank you!

 

Regards,

Vaidee

Frequent Advisor
Posts: 46
Registered: ‎07-28-2016

Re: change volume color from white to other color

If i change in skin.json

 

"controlBar": {

    "volumeControl": {

      "color": "#F51414"

    },

    "iconStyle": {

      "active": {

        "color": "#F51414",

        "opacity": 1.0

      },

 

the color refelect only for icons not for control slider or volume slider

 

PFA in that screen i need to change the blue color to some other color.

IMG_0275.jpg
Ooyalan
Posts: 31
Registered: ‎06-23-2015

Re: change volume color from white to other color

Hello,

 

Please try changing scrubberBar properties in skin.json. 

 

"scrubberBar": {
"backgroundColor": "rgba(175,175,175,0.5)",
"bufferedColor": "rgba(175,175,175,0.7)",
"playedColor": "rgba(67,137,255,1)",
"thumbnailPreview": true
}

 

Regards,

Vaidee

Frequent Advisor
Posts: 46
Registered: ‎07-28-2016

Re: change volume color from white to other color

Hi ,

 

I changed the 

scrubberBar color , once again blue color i am able to see in player .

Ooyalan
Posts: 31
Registered: ‎06-23-2015

Re: change volume color from white to other color

Hello, 

 

Please share the scrabber bar properties that you have currently . Also let me know the hex code for the color that you intend to set. Thank you!

 

Regards,

Vaidee

Frequent Advisor
Posts: 46
Registered: ‎07-28-2016

Re: change volume color from white to other color

this is the existing scrubberBar

"scrubberBar": {

      "backgroundColor": "rgba(175,175,175,1)",

      "bufferedColor": "rgba(127,127,127,1)",

      "playedColor": "rgba(67,137,255,1)"

    }

 

now i need to change it from blue to red color

Ooyalan
Posts: 31
Registered: ‎06-23-2015

Re: change volume color from white to other color

Hello,

Red color (#F51414) corresponds to rgba(245,20,20,1).
Please try below properties to have the slider turn red as the playback happens.

 

"scrubberBar": {

"backgroundColor": "rgba(175,175,175,1)",

"bufferedColor": "rgba(127,127,127,1)",

"playedColor": "rgba(245,20,20,1)"

}

 

Hope this helps. Thank you!

Regards,
Vaidee