I am using adaptive bit rate on both VOD and Live and I am wondering if there is a way to have it show on the menu bar the resolution its playing at. When I click the HD on the menu its highlighted on Auto, I would like it to say next to the HD the res its playing at, the res it picked. Kinda like YouTube has the HD on the gear if its playing HD, but I wont it to show the resolution there, ie. 1080 or 720, 360, etc...
This is not built-in functionality. However I do have a rudimentary test page that exhibits similar behavior:
http://qa.jwplayer.com.s3.amazonaws.com/~george/hd_label.html
ya, that is close, but don't want it to show Auto as that still does not tell me what res its using, and can I change the size and type of font used?
also your m3us file plays fine for me. when I try to use my m3us files streaming locally from my wowza (all is local all on the same server) server I get cannot load m3us: crossdomain access denied, I have read on this and added the crossdomain.xml file to my website root and still get this error. I don't understand, and haven't been able to get this figured out.
Hi,
For the crossdomain issue you need to setup CORS headers:
http://support.jwplayer.com/customer/en/portal/articles/1403679-crossdomain-file-loading
here is the URL:
http://www.artisticimages.com/styles/styles-background/movies the first movie is set to use playlist.m3u8
or direct.
http://70.167.119.116:1935/vod/smil.Alyssa_recital_1.smil/playlist.m3u8
Yup, the streaming server doesn’t have CORS configured:
http://www.test-cors.org/#?client_method=GET&client_credentials=false&server_url=http%3A%2F%2F70.167.119.116%3A1935%2Fvod%2Fsmil.Alyssa_recital_1.smil%2Fplaylist.m3u8&server_enable=true&server_status=200&server_credentials=false&server_tabs=remote
so is this something I need to set in Wowza, ?
Link: http://support.jwplayer.com/customer/en/portal/articles/1403679-crossdomain-file-loading does not tell me how to fix this. I have a crossdomain.xml file to my website root. the jwpalayer.smil and the mpd files both work fine its only the m3u8 file.
Hi,
Read the Crossdomain in JavaScript section:
http://support.jwplayer.com/customer/en/portal/articles/1403679-crossdomain-file-loading
http://enable-cors.org/
but I still dont under stand, I am not using another domain?
here is my web.config:
<?xml version="1.0" encoding="UTF-8"?>
<configuration>
<location path=".">
<system.webServer>
<directoryBrowse enabled="false" />
<rewrite>
<rules>
<rule name="CanonicalHostNameRule1" stopProcessing="true">
<match url="(.*)" />
<conditions>
<add input="{HTTP_HOST}" pattern="^www\.artisticimages\.com$" negate="true" />
</conditions>
<action type="Redirect" url="http://www.artisticimages.com/{R:1}" />
</rule>
<rule name="Joomla! Rule 1" stopProcessing="true">
<match url="^(.*)$" ignoreCase="false" />
<conditions logicalGrouping="MatchAny">
<add input="{QUERY_STRING}" pattern="base64_encode[^(]*\([^)]*\)" ignoreCase="false" />
<add input="{QUERY_STRING}" pattern="(>|%3C)([^s]*s)+cript.*(<|%3E)" />
<add input="{QUERY_STRING}" pattern="GLOBALS(=|\[|\%[0-9A-Z]{0,2})" ignoreCase="false" />
<add input="{QUERY_STRING}" pattern="_REQUEST(=|\[|\%[0-9A-Z]{0,2})" ignoreCase="false" />
</conditions>
<action type="CustomResponse" url="index.php" statusCode="403" statusReason="Forbidden" statusDescription="Forbidden" />
</rule>
<rule name="Joomla! Rule 2">
<match url="(.*)" ignoreCase="false" />
<conditions logicalGrouping="MatchAll">
<add input="{URL}" pattern="^/index.php" ignoreCase="true" negate="true" />
<add input="{URL}" pattern="/component/|(/[^.]*|\.(php|html?|feed|pdf|vcf|raw))$" />
<add input="{REQUEST_FILENAME}" matchType="IsFile" ignoreCase="false" negate="true" />
<add input="{REQUEST_FILENAME}" matchType="IsDirectory" ignoreCase="false" negate="true" />
</conditions>
<action type="Rewrite" url="index.php" />
</rule>
</rules>
</rewrite>
</system.webServer>
</location>
</configuration>
how do I ad this into it?
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
</customHeaders>
</httpProtocol>
I am running IIS 10,
just not sure what to do or where to ad, as there is nothing clear on this.
You may want to contact Microsoft support for that. We don’t handle server setups
I added this to the web.config and still get: Cannot Load M3U8: Crossdomain access denied, so now what?
<httpProtocol>
<customHeaders>
<add name="Access-Control-Allow-Origin" value="*" />
</customHeaders>
</httpProtocol>
I have both the crossdomain.xml and the cors header added and configured but I still get the cross domain error.
John
I keep getting this error:
XMLHttpRequest cannot load http://70.167.119.116:1935/vod/smil:Alyssa_recital_1.smil/playlist.m3u8. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://www.artisticimages.com' is therefore not allowed access.
the Access-Control-Allow-Origin is added, is this a joomla thing?
this was a Wowza issue. I upgraded to the latest version of wowza and all worked.
This is not built-in functionality. However I do have a rudimentary test page that exhibits similar behavior:
http://qa.jwplayer.com.s3.amazonaws.com/~george/hd_label.html
This is close, but don't want it to show Auto as that still does not tell me what res its using, and can I change the size and type of font used?
Hello John,
I have an updated demo here:
http://qa.jwplayer.com.s3.amazonaws.com/~george/hd_label.html
Hi George,
This is just what I am looking for. But the HD button is gone? and how can I control font and size in this, I am not a code guy, but I can figure most anything out given enough time.
its saying its playing at 1280 but 1280 is not even on the list. I wish I could post pictures on this forum so I could show you what I am trying to do.
I like the way YouTube is doing it with the little pictures of HD or 4K , I can make those pictures but don't know how to get it all to work. But just doing what you did is great. but if I could still have the normal HD there and make the text smaller and a different color would work fine.
thanks for your help
John
John
Hello John,
The HD icon went away because the icon itself is part of a font which got replaced when I set the font to monospace.
The font size and family are defined in the CSS style tag:
.jw-icon-hd{
font-size: 10px;
margin-bottom: 1px;
font-family: monospace !important;
}
You can take off the font-family declaration to bring back the HD button.
Sincerely,
George
JW Player
Support Engineer
how do I edit my message, I didnt want to post that key.
Hello John,
I’ve hidden the previous message. You’ll have to contact a web developer to help you work on this as custom implementations are out of the scope of support. They should be able to take the code examples provided and setup your page.
