排查<iframe>中Cloudflare Stream流播放异常问题

我的Cloudflare Stream流存在间歇性播放异常，有时能正常播放，有时无法播放。对比正常与异常时的嵌入代码，发现仅URL中的JWT签名部分存在一处字符差异：

正常播放时的代码 #

<html>
  <header></header>
  <body>
    <iframe src="https://iframe.cloudflarestream.com/eyJhbGciOiJSUzI1NiIsImtpZCI6IjE2MWJhNGZiMmM1NWUxMzIxNjA3M2Y1MmRkM2ZjZTA4In0.eyJzdWIiOiIyMGE5ZDVhY2M0YmQ4MmE1Nzk0MGVkOTNkOWVhZWFkZSIsImtpZCI6IjE2MWJhNGZiMmM1NWUxMzIxNjA3M2Y1MmRkM2ZjZTA4IiwiZXhwIjoxNzI3NTA0MTY1fQ.Be8Kti5lX2RnVLHoufmBL7O9jAzuUjysc-ACRiun24Qt4z8lRvaAhORCW0DLXuRWZKr2MyAx660b-aQ7n0MZOyZgIYYEOf0H6qNCeahNenuD7Mg_MgJvrHgBtRnV7UbHbFfvAyZSluiIbjnFC-3ngnfVVOrZtwoXwl9pwRVYBi-5YaXXzsw_dLADw07bYwNer55rjk5IGw_QTvC0BoZvGFeAZ1rsd6Kv2m3bqGShvzYjHgOc97kK1Ly4-rKsc_p6jvmJyKFJDdsGobKVhCU5inmi6ys7NSDh7YqCiDCUVTzdsb766B95EZ-2SK-DqMMFCs3Fn_vQPRJdDfhd7zvucQ?preload=metadata"/>
  </body>
</html>

无法播放时的代码 #

<html>
  <header></header>
  <body>
    <iframe src="https://iframe.cloudflarestream.com/eyJhbGciOiJSUzI1NiIsImtpZCI6IjE2MWJhNGZiMmM1NWUxMzIxNjA3M2Y1MmRkM2ZjZTA4In0.eyJzdWIiOiIyMGE5ZDVhY2M0YmQ4MmE1Nzk0MGVkOTNkOWVhZWFkZSIsImtpZCI6IjE2MWJhNGZiMmM1NWUxMzIxNjA3M2Y1MmRkM2ZjZTA4IiwiZXhwIjoxNzI3NTA0MTY1fQ.Be8Kti5lX2RnVLHoufmBL7O9jAzuUjysc-ACRiun24Qt4z8lRvaAhORCW0DLXuRWZKr2MyAx660b-aQ7n0MZOyZgIYYEOf0H6qNCeahNenuD7Mg_MgJvrHgBtRnV7UbHbFfvAyZSluiIbjnFC-3ngnfVVOrZtwoXwl9pwRVYBi-5YaXXzsw_dLADw07bYwNr55rjk5IGw_QTvC0BoZvGFeAZ1rsd6Kv2m3bqGShvzYjHgOc97kK1Ly4-rKsc_p6jvmJyKFJDdsGobKVhCU5inmi6ys7NSDh7YqCiDCUVTzdsb766B95EZ-2SK-DqMMFCs3Fn_vQPRJdDfhd7zvucQ?preload=metadata"/>
  </body>
</html>

核心差异 #

两个URL的JWT签名段中，正常链接包含Ner55rjk5，异常链接为Nr55rjk5，缺失了一个e字符。

问题原因与解决方法 #

• 原因：JWT签名不一致，说明生成JWT的逻辑存在不稳定情况，导致签名偶尔出错。Cloudflare Stream会验证JWT签名，签名无效则无法加载流。
• 解决步骤：
  • 检查JWT生成代码，确保使用的签名算法（如RS256）和密钥完全正确，避免字符截断、随机生成错误等问题。
  • 增加JWT生成后的校验环节，对比签名结果的一致性，确保生成的JWT有效。
  • 确认JWT的有效期（exp字段）设置合理，避免因过期导致的访问问题。
  • 可缓存已验证有效的JWT，减少重复生成时的错误概率。

内容的提问来源于stack exchange，提问作者manaclan