Skip to content

Commit 1539624

Browse files
author
Bastian Bartmann
committed
updated podlove web player to v2.0.11
1 parent 9ddc01b commit 1539624

File tree

6 files changed

+407
-35
lines changed

6 files changed

+407
-35
lines changed

‎lib/podlove-web-player-rails/version.rb

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
module PodloveWebPlayerRails
22
# version of the gem
3-
VERSION = "1.0.0"
3+
VERSION = "1.1.0"
44
# version of the podlove web player
5-
PODLOVE_WEB_PLAYER_VERSION = "2.0.2"
5+
PODLOVE_WEB_PLAYER_VERSION = "2.0.11"
66
end

‎vendor/assets/images/background.png

100755100644
File mode changed.

‎vendor/assets/images/loading.gif

100755100644
File mode changed.

‎vendor/assets/javascripts/podlove-web-player-rails/podlove-web-player.js

Lines changed: 242 additions & 24 deletions
Large diffs are not rendered by default.

‎vendor/assets/javascripts/podlove-web-player-rails/podlovefont-ie7.css

Lines changed: 75 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,75 @@
1+
[class^="pwp-icon-"],
2+
[class*=" pwp-icon-"] {
3+
font-family: pwpfont;
4+
font-style: normal;
5+
font-weight: normal;
6+
/* fix buttons height */
7+
line-height: 1em;
8+
/* you can be more comfortable with increased icons size */
9+
/* font-size: 120%; */
10+
}
11+
12+
.pwp-icon-gplus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '+ '); }
13+
.pwp-icon-appstore { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'A '); }
14+
.pwp-icon-twitter { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'T '); }
15+
.pwp-icon-podcast { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '` '); }
16+
.pwp-icon-cloudapp { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'c '); }
17+
.pwp-icon-facebook { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'f '); }
18+
.pwp-icon-itunes { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'i '); }
19+
.pwp-icon-soundcloud { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 's '); }
20+
.pwp-icon-appnet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'á '); }
21+
.pwp-icon-statusnet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = 'â '); }
22+
.pwp-icon-pause { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '⎉ '); }
23+
.pwp-icon-pause-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
24+
.pwp-icon-fast-fw { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '⏩ '); }
25+
.pwp-icon-fast-bw { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '⏪ '); }
26+
.pwp-icon-to-end { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '⏭ '); }
27+
.pwp-icon-to-start { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '⏮ '); }
28+
.pwp-icon-play { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '▶ '); }
29+
.pwp-icon-cog { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '⚙ '); }
30+
.pwp-icon-cog-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
31+
.pwp-icon-cog-alt { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '⛯ '); }
32+
.pwp-icon-mail { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '✉ '); }
33+
.pwp-icon-wordpress { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
34+
.pwp-icon-params { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
35+
.pwp-icon-github-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
36+
.pwp-icon-github-text { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
37+
.pwp-icon-info-circle { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
38+
.pwp-icon-export { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
39+
.pwp-icon-down-circle2 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
40+
.pwp-icon-magnet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
41+
.pwp-icon-terminal { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
42+
.pwp-icon-ipod { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
43+
.pwp-icon-link-ext { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
44+
.pwp-icon-down-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
45+
.pwp-icon-list-bullet { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
46+
.pwp-icon-paste { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
47+
.pwp-icon-download-cloud { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
48+
.pwp-icon-github { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
49+
.pwp-icon-github-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
50+
.pwp-icon-flickr { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
51+
.pwp-icon-flickr-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
52+
.pwp-icon-vimeo { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
53+
.pwp-icon-vimeo-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
54+
.pwp-icon-twitter-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
55+
.pwp-icon-twitter-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
56+
.pwp-icon-facebook-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
57+
.pwp-icon-facebook-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
58+
.pwp-icon-gplus-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
59+
.pwp-icon-gplus-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
60+
.pwp-icon-tumblr { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
61+
.pwp-icon-tumblr-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
62+
.pwp-icon-stumbleupon { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
63+
.pwp-icon-stumbleupon-circled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
64+
.pwp-icon-flattr { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
65+
.pwp-icon-paypal { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
66+
.pwp-icon-soundcloud-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
67+
.pwp-icon-user { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '👤 '); }
68+
.pwp-icon-download { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '📥 '); }
69+
.pwp-icon-volume-off { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🔇 '); }
70+
.pwp-icon-volume-down { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🔉 '); }
71+
.pwp-icon-volume-up { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🔊 '); }
72+
.pwp-icon-link { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🔗 '); }
73+
.pwp-icon-wrench { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🔧 '); }
74+
.pwp-icon-wrench-1 { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
75+
.pwp-icon-clock { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '🕔 '); }

‎vendor/assets/stylesheets/podlove-web-player.css.scss

Lines changed: 88 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -1,6 +1,6 @@
11
/*
22
* ===========================================
3-
* Podlove Web Player v2.0.8
3+
* Podlove Web Player v2.0.11
44
* Licensed under The BSD 2-Clause License
55
* http://opensource.org/licenses/BSD-2-Clause
66
* ===========================================
@@ -1151,6 +1151,38 @@
11511151
background: #000000;
11521152
}
11531153

1154+
.mejs-button.mejs-volume-button button {
1155+
font-size: 16px;
1156+
background: transparent;
1157+
color: white;
1158+
}
1159+
.mejs-button.mejs-volume-button button::after,
1160+
.podlovewebplayer_wrapper .podlovewebplayer_chapterbox .chaptername a {
1161+
font-size: 16;
1162+
padding-left: 0.02em;
1163+
font-family: "pwpfont" !important;
1164+
font-style: normal !important;
1165+
font-weight: normal !important;
1166+
text-decoration: inherit;
1167+
-webkit-font-smoothing: antialiased;
1168+
speak: none;
1169+
display: inline-block;
1170+
width: 1em;
1171+
margin-right: 0.2em;
1172+
text-align: center;
1173+
font-variant: normal !important;
1174+
text-transform: none !important;
1175+
line-height: 1em;
1176+
}
1177+
1178+
.mejs-button.mejs-volume-button.mejs-unmute button::after {
1179+
content: "\1f507";
1180+
}
1181+
1182+
.mejs-button.mejs-volume-button.mejs-mute button::after {
1183+
content: "\1f50a";
1184+
}
1185+
11541186
.podlovewebplayer_meta .bigplay {
11551187
font-family: "pwpfont" !important;
11561188
font-style: normal;
@@ -1221,11 +1253,11 @@
12211253
.podlovewebplayer_wrapper .podlovewebplayer_timecontrol.podlovewebplayer_controlbox a.pwp-icon-fast-bw:before { content: "\23ea"; }
12221254
.podlovewebplayer_wrapper .podlovewebplayer_timecontrol.podlovewebplayer_controlbox a.pwp-icon-fast-fw:before { content: "\23e9"; }
12231255

1224-
.podlovewebplayer_wrapper .podlovewebplayer_sharebuttons.podlovewebplayer_controlbox a.pwp-icon-link:before { content: "\1f517"; }
1256+
.podlovewebplayer_wrapper .podlovewebplayer_sharebuttons.podlovewebplayer_controlbox a.pwp-icon-link:before { content: "\1f517"; font-size: 0.9em; }
12251257
.podlovewebplayer_wrapper .podlovewebplayer_sharebuttons.podlovewebplayer_controlbox a.pwp-icon-twitter:before { content: "\f309"; }
12261258
.podlovewebplayer_wrapper .podlovewebplayer_sharebuttons.podlovewebplayer_controlbox a.pwp-icon-facebook:before { content: "\f30c"; }
12271259
.podlovewebplayer_wrapper .podlovewebplayer_sharebuttons.podlovewebplayer_controlbox a.pwp-icon-gplus:before { content: "\f30f"; }
1228-
.podlovewebplayer_wrapper .podlovewebplayer_sharebuttons.podlovewebplayer_controlbox a.pwp-icon-appnet:before { content: "\e1"; }
1260+
.podlovewebplayer_wrapper .podlovewebplayer_sharebuttons.podlovewebplayer_controlbox a.pwp-icon-appnet:before { content: "\e1"; font-size: 0.8em; }
12291261
.podlovewebplayer_wrapper .podlovewebplayer_sharebuttons.podlovewebplayer_controlbox a.pwp-icon-mail:before { content: "\2709"; }
12301262

12311263
.podlovewebplayer_wrapper .podlovewebplayer_downloadbuttons.podlovewebplayer_controlbox a.pwp-icon-download:before { content: "\1f4e5"; }
@@ -1435,18 +1467,19 @@
14351467
padding: 20px 10px;
14361468
}
14371469

1438-
.podlovewebplayer_wrapper .summary.active a:visited {
1439-
color: blue;
1440-
}
1441-
1442-
.podlovewebplayer_wrapper .summary.active a:hover {
1443-
text-decoration: underline;
1470+
.podlovewebplayer_wrapper .summary a:visited {
1471+
color: #8AB7E5;
1472+
font-weight: 700;
14441473
}
14451474

14461475
.podlovewebplayer_wrapper .summary.active a {
14471476
text-decoration: none;
14481477
}
14491478

1479+
.podlovewebplayer_wrapper .summary a:hover {
1480+
text-decoration: underline;
1481+
}
1482+
14501483
.podlovewebplayer_meta .togglers {
14511484
float: right;
14521485
position: relative;
@@ -1696,6 +1729,24 @@
16961729
text-align: right;
16971730
}
16981731

1732+
.podlovewebplayer_wrapper .podlovewebplayer_chapterbox .chaptername a::after {
1733+
content: "\f08e";
1734+
}
1735+
1736+
.podlovewebplayer_wrapper .podlovewebplayer_chapterbox .chapterimage {
1737+
width: 45px;
1738+
max-width: 45px;
1739+
text-align: center;
1740+
}
1741+
1742+
.podlovewebplayer_wrapper .podlovewebplayer_chapterbox .chapterimage img {
1743+
max-width: 40px;
1744+
max-height: 32px;
1745+
margin-top: -8px;
1746+
margin-bottom: -7px;
1747+
display: block;
1748+
}
1749+
16991750
.podlovewebplayer_wrapper .podlovewebplayer_tableend {
17001751
position: initial;
17011752
display: block;
@@ -1730,6 +1781,34 @@
17301781
margin-top: 0px;
17311782
}
17321783

1784+
.podlovewebplayer_smallplayer .mejs-controls .mejs-time-rail .mejs-time-float {
1785+
z-index: 100;
1786+
}
1787+
1788+
.podlovewebplayer_smallplayer .podlovewebplayer_meta .bigplay {
1789+
font-size: 25px;
1790+
padding: 6px 11px 19px 14px;
1791+
height: 20px;
1792+
width: 20px;
1793+
margin: 10px 10px 0px 10px;
1794+
border: 4px solid #ffffff !important;
1795+
}
1796+
1797+
.podlovewebplayer_smallplayer .podlovewebplayer_meta .bigplay.playing {
1798+
padding: 6px 13px 19px 12px;
1799+
}
1800+
1801+
.podlovewebplayer_smallplayer .bigplay.playing:focus,
1802+
.podlovewebplayer_smallplayer .bigplay.playing:hover,
1803+
.podlovewebplayer_smallplayer .bigplay.playing:active {
1804+
border: 4px solid white !important;
1805+
}
1806+
1807+
.podlovewebplayer_smallplayer .podlovewebplayer_top,
1808+
.podlovewebplayer_smallplayer .podlovewebplayer_meta {
1809+
min-height: 60px;
1810+
}
1811+
17331812
@media only screen
17341813
and (max-width : 500px) {
17351814
.podlovewebplayer_wrapper {

0 commit comments

Comments
 (0)