diff --git a/Cargo.lock b/Cargo.lock
index c1a9eed..a7bd747 100644
--- a/Cargo.lock
+++ b/Cargo.lock
@@ -94,6 +94,8 @@ dependencies = [
  "humansize",
  "num-traits",
  "percent-encoding",
+ "serde",
+ "serde_json",
 ]
 
 [[package]]
diff --git a/Cargo.toml b/Cargo.toml
index 66f787a..15cf950 100644
--- a/Cargo.toml
+++ b/Cargo.toml
@@ -8,7 +8,7 @@ repository = "https://github.com/vijfhoek/empede"
 
 [dependencies]
 anyhow = "1.0.70"
-askama = { version = "0.12.0", default-features = false }
+askama = { version = "0.12.0", default-features = false, features = ["serde-json"] }
 askama_tide = "0.15.0"
 async-std = { version = "1.12.0", features = ["attributes"] }
 infer = { version = "0.13.0", default-features = false }
diff --git a/templates/player.html b/templates/player.html
index 0e996e0..cd3bd1f 100644
--- a/templates/player.html
+++ b/templates/player.html
@@ -57,9 +57,9 @@
 <script>
   {% if let Some(name) = name %}
   {% if state == mpdrs::State::Play %}
-  document.title = decodeURI("▶ {{ name|urlencode }} - Empede");
+  document.title = "▶ " + {{ name|json|safe }} + " - Empede";
   {% else %}
-  document.title = decodeURI("⏸ {{ name|urlencode }} - Empede");
+  document.title = "⏸ " + {{ name|json|safe }} + " - Empede";
   {% endif %}
   {% else %}
   document.title = "Empede";